fix(GRO-564): prevent admin nav logout button overflow #266

Merged
groombook-engineer[bot] merged 1 commits from fix/gro-564-logout-button-overflow into main 2026-04-12 02:31:46 +00:00
groombook-engineer[bot] commented 2026-04-12 02:07:53 +00:00 (Migrated from github.com)

Summary

Fixes the admin header navigation overflow issue where the Logout button was pushed off-screen when there are many nav items.

Changes

  • Added flexShrink: 0 to logo div to prevent shrinking
  • Wrapped Book + NAV_LINKS in a scrollable div with overflow-x: auto, flex: 1, minWidth: 0
  • Added flexShrink: 0 to all nav links
  • Changed logout button from marginLeft: auto to flexShrink: 0 to keep it always visible

Testing

  • TypeScript passes
  • ESLint passes
  • Unit tests pass (excludes E2E which CI handles)

cc @cpfarhood

## Summary Fixes the admin header navigation overflow issue where the Logout button was pushed off-screen when there are many nav items. ### Changes - Added `flexShrink: 0` to logo div to prevent shrinking - Wrapped Book + NAV_LINKS in a scrollable div with `overflow-x: auto`, `flex: 1`, `minWidth: 0` - Added `flexShrink: 0` to all nav links - Changed logout button from `marginLeft: auto` to `flexShrink: 0` to keep it always visible ### Testing - TypeScript passes - ESLint passes - Unit tests pass (excludes E2E which CI handles) cc @cpfarhood
github-actions[bot] commented 2026-04-12 02:13:56 +00:00 (Migrated from github.com)

Deployed to groombook-dev

Images: pr-266
URL: https://dev.groombook.farh.net

Ready for UAT validation.

## Deployed to groombook-dev **Images:** `pr-266` **URL:** https://dev.groombook.farh.net Ready for UAT validation.
lint-roller-qa[bot] (Migrated from github.com) approved these changes 2026-04-12 02:26:38 +00:00
This repo is archived. You cannot comment on pull requests.