mirror of
https://github.com/HeyPuter/puter.git
synced 2026-08-28 17:07:16 +00:00
fix(gui): stop an open folder clipping its own uninstall badges
The folder's grid scrolls, so it clips anything outside its padding box — and reorder mode's uninstall badge deliberately overhangs the top-left corner of every tile. The top row's badges therefore rendered as flat tabs rather than circles, on the one surface where they are a touch user's only way to uninstall an app they have filed away. Give the scroller 9px of top padding for the overhang to sit in and take it straight back off as margin, so the card and everything in it stays exactly where it was.
This commit is contained in:
@@ -1359,6 +1359,12 @@ input.myapps-group-name:focus {
|
||||
row-gap: 24px;
|
||||
justify-content: center;
|
||||
align-content: start;
|
||||
/* Reorder mode's uninstall badge overhangs the top corner of every tile,
|
||||
and the scroller below clips whatever leaves its padding box — the top
|
||||
row's badges came out sliced flat. Hold the overhang inside the padding,
|
||||
pulled straight back out again so the resting layout is unchanged. */
|
||||
padding-top: 9px;
|
||||
margin-top: -9px;
|
||||
/* A folder big enough to need it scrolls rather than growing past the
|
||||
viewport; the row gap keeps the last row from looking cut off. */
|
||||
max-height: min(52vh, 430px);
|
||||
|
||||
Reference in New Issue
Block a user