windows stop 5px above the taskbar; apply the same gap to maximized windows

This commit is contained in:
Martin Dvořák 2026-09-24 15:06:10 +00:00
commit 12ff3e70e9
3 changed files with 12 additions and 11 deletions

View file

@ -228,10 +228,11 @@ list reordering, not free placement. Don't confuse the two.
the panel), a `resize` effect re-clamps on browser resize, and
`.win-window.centered` carries `max-width`/`max-height`. Keep these in sync if
you add a new window path, or windows will escape the viewport. The bottom
limit is `TASKBAR_HEIGHT = 64` in `WindowsDesktop.tsx` (panel `bottom:10px` +
`height:44px` = 54, plus a 10px gap), so a dragged window stops just above the
taskbar; note `useDesktopIcons.ts` has its **own** `TASKBAR_HEIGHT = 48` for
the icon grid.
limit is `TASKBAR_HEIGHT = 59` in `WindowsDesktop.tsx` (panel top at 54px + a
5px gap), so dragged and maximized windows stop 5px above the taskbar. That
`59` is duplicated in `skeuo.css` (`.win-window.maximized` height,
`.win-window.centered` bottom / max-height) — keep them in sync. Note
`useDesktopIcons.ts` has its **own** `TASKBAR_HEIGHT = 48` for the icon grid.
- Exposing the **dev** server over a tunnel needs the tunnel host in
`allowedDevOrigins` (`next.config.ts`). Without it Next dev rejects the
cross-origin HMR WebSocket, so the client never hydrates — the page is SSR