dvorakmortonxd/dvorakmortonxd.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

windows tuck 10px behind the taskbar top instead of stopping dead flush

Browse source
This commit is contained in:
Martin Dvořák 2026-09-24 14:43:02 +00:00
commit 626a657a67
2 changed files with 9 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/app/components/WindowsDesktop.tsx
View file

@ -9,11 +9,11 @@ import { useTheme } from "./useTheme";
import { useDesktopIcons } from "./useDesktopIcons";
import { WALLPAPER, friends } from "../data";
// The panel is anchored at `bottom: 10px` and is 44px tall, so the usable
// desktop area ends 54px above the viewport bottom. Windows are clamped to that
// line, so a window dragged down lands flush with the top of the taskbar with
// nothing hidden behind it.
const TASKBAR_HEIGHT = 54;
// The panel is anchored at `bottom: 10px` and is 44px tall, so its top edge is
// 54px above the viewport bottom. Windows clamp at 44px from the bottom, i.e.
// they tuck 10px behind the panel's top edge - a slight overlap that reads
// better than stopping dead flush.
const TASKBAR_HEIGHT = 44;
const LEFT_APPS = APPS.filter((a) => a.id !== "services" && a.id !== "friends");