Skip to content

fix(admin): keep responsive navigation left-aligned#218

Merged
DavidBabinec merged 1 commit into
mainfrom
fix/responsive-navigation-alignment
Jul 13, 2026
Merged

fix(admin): keep responsive navigation left-aligned#218
DavidBabinec merged 1 commit into
mainfrom
fix/responsive-navigation-alignment

Conversation

@DavidBabinec

Copy link
Copy Markdown
Contributor

What changed

  • preserve the toolbar DOM order at responsive widths so workspace navigation stays beside the site identity
  • keep Settings, Open live, and Account grouped as the right-side toolbar trailer
  • add an E2E geometry assertion covering the mobile navigation/trailer order

Why

The mobile media query assigned workspace links a later flex order than the toolbar trailer. That moved the icon navigation to the far right even though desktop presents navigation on the left.

Impact

Responsive admin navigation now matches the desktop information hierarchy without changing available actions or toolbar containment.

Verification

  • bun test src/__tests__/toolbar/toolbar.test.ts
  • bun run lint
  • bun run build
  • E2E_REUSE_SERVER=1 bun run test:e2e -- tests/e2e/admin-navigation.e2e.ts --project=e2e (9 passed)
  • agent-browser visual check at 665x800 with 2x capture

@DavidBabinec DavidBabinec marked this pull request as ready for review July 13, 2026 18:37
@DavidBabinec DavidBabinec merged commit 960fdaa into main Jul 13, 2026
11 of 12 checks passed
@DavidBabinec DavidBabinec deleted the fix/responsive-navigation-alignment branch July 13, 2026 18:37
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