diff options
| author | Fuwn <[email protected]> | 2026-05-19 00:54:11 +0000 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2026-05-19 00:54:11 +0000 |
| commit | 64535ee9dce5f1a7b03a30a6f58282ce24b0cda7 (patch) | |
| tree | 0252fda01866a50f7ad87e86bcb9744689a7b2b1 /src/styles/input.css | |
| parent | fix(a11y): bump touch targets to 44px under pointer:coarse (diff) | |
| download | due.moe-64535ee9dce5f1a7b03a30a6f58282ce24b0cda7.tar.xz due.moe-64535ee9dce5f1a7b03a30a6f58282ce24b0cda7.zip | |
feat(nav): float header as a corner hamburger under 800px
Below 800px the inline header overflows the viewport. Strips card chrome
from .header itself and floats it position:fixed at top:1.25rem/right
:1.25rem so it does not consume a horizontal band. The 44x44 toggle
button carries the desktop banner's exact card recipe (--base0011 glass,
shadow-card-emphasized + 5px --base02 ring, blur, 8px radius), and the
open panel mirrors it as a separately-positioned card below.
Menu closes on route navigation and Escape. Header stays visible while
the menu is open so a scroll-driven hide does not chop the open sheet
mid-interaction. Profile-avatar anchor and the bullet separator are
hidden in the mobile menu (avatar is redundant alongside the Profile
dropdown; separator reads as line noise vertically).
Diffstat (limited to 'src/styles/input.css')
0 files changed, 0 insertions, 0 deletions