Skip to content

Collapse the header nav before it overflows - #34

Merged
im-tyler merged 1 commit into
mainfrom
header-collapse-width
Nov 11, 2026
Merged

im-tyler merged 1 commit into
mainfrom
header-collapse-width

Conversation

@im-tyler

Copy link
Copy Markdown
Contributor

The header nav has thirteen destinations and needs about 1275px beside the brand, but it only collapsed below 980px. Between 981 and 1280px the page scrolled sideways.

  • Up to 1400px the nav links tighten (about 1190px total).
  • Below 1240px the nav collapses into the existing toggle panel.
  • Content rules (stats grid, dialogs) stay at 980px.

Measured in headless Chromium at 14 widths from 320 to 1600px: no horizontal overflow. header_layout.test.mjs now fails if the collapse width drops below 1200px or the destination count changes.

🤖 Generated with Claude Code

Thirteen destinations need about 1275px beside the brand, but the nav only
collapsed below 980px, so the page scrolled sideways between 981 and 1280px.
The nav now tightens up to 1400px and collapses below 1240px; the content
rules stay at 980px.

Co-Authored-By: Claude Fable 5.2 <noreply@anthropic.com>
@im-tyler
im-tyler merged commit 87a170b into main Nov 11, 2026
3 checks passed
@im-tyler im-tyler mentioned this pull request Nov 11, 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