lee/puter
1
0
Fork 0
mirror of https://github.com/HeyPuter/puter.git synced 2026-08-26 07:57:10 +00:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

fix(gui): size folder icon ghosts to the icon they stand on

Browse Source 
Border-box only reaches a folder's icon through `.dashboard * { box-sizing }`,
and every ghost cloned from one is appended to <body>, outside that rule: the
drag ghost, the click-time launch flourish, and the open/minimize morph ghosts
all fall back to content-box, where .myapps-group-icon's 5px padding is added
to the 56px slot. Each ghost rendered 66px square and 5px off, so it visibly
popped at exactly the moment it was supposed to sit flush on the real icon.

State box-sizing on the rule itself so a clone carries it wherever it lands.
This commit is contained in:
Nariman Jelveh
2026-08-07 20:42:58 -07:00
parent 1af0ce2d55
commit 2688feb8f1
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/gui/src/css/dashboard.css
+5
View File
@@ -1160,6 +1160,11 @@ input.myapps-search:disabled {
/* Overrides .myapps-tile-icon's centring flexbox: the mini-grid fills the
slot rather than sitting in the middle of it. */
display: block;
/* Stated rather than left to `.dashboard *`: the drag ghost and the launch
/ minimize morph ghosts are CLONES of this box parked on <body>, outside
that rule, where the padding below would be added to the 56px slot and
land a 66px ghost over the 56px icon it is meant to sit on. */
box-sizing: border-box;
padding: 5px;
border-radius: 14px;
background: var(--dashboard-folder-surface);