Skip to content

fix(ui): settings modal sidebar nav clipped on smaller viewports#280

Merged
AnsoCode merged 1 commit into
mainfrom
fix/settings-nav-scroll
Mar 30, 2026
Merged

fix(ui): settings modal sidebar nav clipped on smaller viewports#280
AnsoCode merged 1 commit into
mainfrom
fix/settings-nav-scroll

Conversation

@AnsoCode

Copy link
Copy Markdown
Collaborator

Summary

  • Settings Hub sidebar nav was clipped — Support and About items were unreachable at the bottom
  • Added min-h-0 to the sidebar flex container and flex-1 overflow-y-auto to the <nav> element so it scrolls when items exceed available height

Test plan

  • Open Settings Hub modal at 1280x800 — all 14 nav items accessible via scroll
  • Verified scrollHeight > clientHeight confirms scrollable area
  • TypeScript compiles cleanly

Add min-h-0 to sidebar container and flex-1 overflow-y-auto to the
nav element so the settings navigation scrolls when items exceed
the available height. Support and About were previously unreachable.
@AnsoCode
AnsoCode merged commit 9e14ce9 into main Mar 30, 2026
6 checks passed
@AnsoCode
AnsoCode deleted the fix/settings-nav-scroll branch March 30, 2026 21:19
This was referenced Mar 30, 2026
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.

1 participant