Skip to content

fix(#40): polish mobile menu interactions - #1

Open
levibliz wants to merge 4 commits into
mainfrom
fix/40-polish-mobile-menu
Open

fix(#40): polish mobile menu interactions#1
levibliz wants to merge 4 commits into
mainfrom
fix/40-polish-mobile-menu

Conversation

@levibliz

@levibliz levibliz commented Apr 25, 2026

Copy link
Copy Markdown
Owner

Summary

Polishes the Docusaurus/Infima mobile navbar sidebar with smoother behavior and better usability.

Changes

  • documentation/src/css/mobile-menu.css (new) — targeted overrides for Infima mobile menu classes:
    • Smoother slide-in using ease-out curve and --sb-motion-duration-slow token
    • Backdrop blur (backdrop-filter: blur(4px)) + softer overlay opacity
    • 44×44 px minimum touch targets on toggle button, close button, back button, and menu links
    • Hover transitions on all interactive elements
    • prefers-reduced-motion: disables all transitions and removes backdrop-filter
  • documentation/docusaurus.config.ts — registers mobile-menu.css in customCss

Acceptance Criteria

  • Mobile menu interactions are smooth and predictable
  • Tap targets are comfortably usable (≥44px)
  • All relevant nav features work on mobile
  • Reduced-motion users get non-animated fallback behavior

Closes Soroban-Cookbook#40

levoski1 and others added 4 commits April 24, 2026 10:31
- Add QuickStartSection component with syntax-highlighted Rust snippet
- Implement CopyButton with success/error feedback (2000ms revert)
- Use Docusaurus CSS custom properties for theme awareness
- Integrate into homepage between Stats and NewsletterSignup
- All requirements validated (responsive, accessible, theme-aware)
- Add mobile-menu.css with improved slide-in transition (ease-out curve)
- Backdrop blur (4px) + smoother fade for overlay
- 44×44px touch targets on toggle, close, back, and menu links
- Smooth hover transitions on interactive elements
- Reduced-motion: disables all transitions and backdrop-filter
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Polish mobile menu interactions

2 participants