Skip to content

Fix(mobile): layout fix 900-1200 viewport, mobile side nav scroll fixes - #316

Merged
KelvinTegelaar merged 4 commits into
CyberDrain:devfrom
k-grube:fix/mobile-ui
Aug 18, 2026
Merged

Fix(mobile): layout fix 900-1200 viewport, mobile side nav scroll fixes#316
KelvinTegelaar merged 4 commits into
CyberDrain:devfrom
k-grube:fix/mobile-ui

Conversation

@k-grube

@k-grube k-grube commented Aug 18, 2026

Copy link
Copy Markdown
Contributor

Issues:

  1. universal search/dark mode toggles are hidden on 900px-1199px viewport
  2. side nav scroll expands when nav groups are expanded and flows past the end of the container
  3. nested mobile nav items render with the same indent as their parents

Fixes:

  1. add useIsMobileLayout to the gate that hides these icons to show on the lg viewport, add associated test
  2. add Scrollbar in mobile-nav height contstraint
  3. compute indent similarly to side-nav and add to mobile-nav

top-nav drops both bar icons at useIsMobileLayout (down lg) while the account
popover offered them only below md, so the band had no entry point for either.
popover entries now read the same hook; the identity row stays on mdDown, it
pairs with the avatar-row details block, not the nav pivot.
simplebar's wrapper is height:inherit, which resolves to auto under flex-grow,
so it laid out at the full list height and that height escaped into the drawer
paper's own overflow-y:auto. paper.scrollHeight 2461 vs clientHeight 818 with
CIPP > Advanced expanded, so the paper dragged the sticky header off the top and
carried the pinned sponsor up.
mobile-nav-item hardcoded px:6px at every depth, so CIPP > Advanced > Super Admin
read as three siblings. same step side-nav-item already uses.
@KelvinTegelaar
KelvinTegelaar merged commit ac32924 into CyberDrain:dev Aug 18, 2026
6 of 8 checks passed
@k-grube
k-grube deleted the fix/mobile-ui branch August 19, 2026 14:35
bmsimp added a commit that referenced this pull request Aug 19, 2026
PR #316 moved Universal Search and the Light/Dark Mode entry in the
account popover from mdDown to useIsMobileLayout, so they now appear as
soon as the navigation collapses rather than only on a phone. Update the
window-width table and the universal search page to match, and qualify
the help and support row, which still moves only below 900px.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
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