v26.05.24.0: TopNav re-fix (flex 1 1 0 side cells) #6

Merged
bvandeusen merged 0 commits from dev into main 2026-05-23 22:49:29 -04:00
bvandeusen commented 2026-05-23 22:49:23 -04:00 (Migrated from git.fabledsword.com)

Single-commit follow-up: the 1fr auto 1fr grid layout shipped in v26.05.23.3 wasn't actually symmetric. CSS Grid treats 1fr as minmax(auto, 1fr), so a side cell whose intrinsic content (brand on the left, action button on the right) exceeded its 1fr share quietly grew past it. On narrower viewports the centered link block still shifted when the action slot rendered.

The fix swaps to a flex layout with explicit equal-weight side cells:

.fc-topnav { display: flex; align-items: center; gap: 1rem; ... }
.fc-nav-left    { flex: 1 1 0; justify-content: flex-start; min-width: 0; }
.fc-links       { flex: 0 0 auto; }
.fc-nav-actions { flex: 1 1 0; justify-content: flex-end;   min-width: 0; }

flex: 1 1 0 (equal weight, basis 0) makes both side cells grow/shrink at the same rate regardless of content, keeping the middle anchored.

Commits

05b398c fix(ui): TopNav side cells use flex: 1 1 0 (equal weight) so middle link block stays centered regardless of action-slot content
Single-commit follow-up: the `1fr auto 1fr` grid layout shipped in v26.05.23.3 wasn't actually symmetric. CSS Grid treats `1fr` as `minmax(auto, 1fr)`, so a side cell whose intrinsic content (brand on the left, action button on the right) exceeded its 1fr share quietly grew past it. On narrower viewports the centered link block still shifted when the action slot rendered. The fix swaps to a flex layout with explicit equal-weight side cells: ```css .fc-topnav { display: flex; align-items: center; gap: 1rem; ... } .fc-nav-left { flex: 1 1 0; justify-content: flex-start; min-width: 0; } .fc-links { flex: 0 0 auto; } .fc-nav-actions { flex: 1 1 0; justify-content: flex-end; min-width: 0; } ``` `flex: 1 1 0` (equal weight, basis 0) makes both side cells grow/shrink at the same rate regardless of content, keeping the middle anchored. ## Commits ``` 05b398c fix(ui): TopNav side cells use flex: 1 1 0 (equal weight) so middle link block stays centered regardless of action-slot content ```
Sign in to join this conversation.
No Reviewers
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: bvandeusen/FabledCurator#6