Skip to content

🐛 fix(ui): Fix sidebar CSS with proper responsive architecture#128

Merged
trickpatty merged 1 commit intomainfrom
claude/fix-desktop-nav-display-SF0Am
Jan 12, 2026
Merged

🐛 fix(ui): Fix sidebar CSS with proper responsive architecture#128
trickpatty merged 1 commit intomainfrom
claude/fix-desktop-nav-display-SF0Am

Conversation

@trickpatty
Copy link
Owner

  • Refactored sidebar CSS to use single .sidebar-nav class with media queries
  • Fixed z-index: sidebar now properly above overlay (z-modal: 500) on mobile
  • Fixed transitions: CSS handles transform with proper easing both directions
  • Desktop: sticky positioning with transform reset (always visible)
  • Mobile: fixed positioning with transform animation via .sidebar-open toggle
  • Removed competing transform properties and broken Tailwind responsive variants

- Refactored sidebar CSS to use single .sidebar-nav class with media queries
- Fixed z-index: sidebar now properly above overlay (z-modal: 500) on mobile
- Fixed transitions: CSS handles transform with proper easing both directions
- Desktop: sticky positioning with transform reset (always visible)
- Mobile: fixed positioning with transform animation via .sidebar-open toggle
- Removed competing transform properties and broken Tailwind responsive variants
@trickpatty trickpatty merged commit 934acb5 into main Jan 12, 2026
8 checks passed
@trickpatty trickpatty deleted the claude/fix-desktop-nav-display-SF0Am branch January 12, 2026 07:51
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.

2 participants