Commit graph

3 commits

Author SHA1 Message Date
Lawrence Chen
d1dd2e6535 Full-screen overlay with drawer-local close button and theme toggle
- Overlay covers entire viewport (inset-0 z-40) including header
- Drawer at z-50 spans full height with its own header row
- Duplicate theme toggle + close (X) button inside drawer
- Docs sidebar/FAB bumped to z-50 to stay above overlay
2026-02-10 00:54:51 -08:00
Lawrence Chen
bf98dbd40a Fix mobile drawer: move outside header for iOS, fix overlay positioning
- Move overlay and drawer nav outside <header> to avoid iOS Safari
  backdrop-filter breaking fixed positioning
- Overlay starts below header (top-12) instead of covering full screen
  so header stays clean when drawer is open
- Add invisible class when drawer closed as fallback
- Remove auto-focus on first link to prevent focus ring flash
2026-02-10 00:50:43 -08:00
Lawrence Chen
63fb175055 Add mobile hamburger menu with reusable drawer component
Extract drawer logic (overlay, focus trap, scroll lock, escape key)
from DocsNav into shared mobile-drawer.tsx hook and components.
SiteHeader now shows a hamburger menu on mobile that opens a
right-side drawer with nav links and download button. Footer
wraps gracefully on small screens.
2026-02-10 00:23:40 -08:00