Repository navigation
Keep Docs in the site header on phones - #1093
Merged
Merged
Conversation
Narrow widths now drop only Download, keeping Playground, Docs, and GitHub. The nav steps down its text size and spacing below 640px and again below 360px so the three links fit down to a 320px screen. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Deploying mouseterm with
|
| Latest commit: |
5143100
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://0e042165.mouseterm.pages.dev |
| Branch Preview URL: | https://docs-in-header.mouseterm.pages.dev |
dormouse-bot
approved these changes
Oct 9, 2026
nedtwigg
requested a deployment
to
hosted-preview
October 9, 2026 23:26 — with 
GitHub Actions
Waiting
GitHub Actions
Waiting
This branch is waiting to be deployed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
At wide widths the header shows Playground | Download | Docs | GitHub. Narrow widths used to hide both Download and Docs; now only Download drops, so Playground | Docs | GitHub stay on phones.
website/src/lib/site-nav.ts: Docs no longer setshideOnMobile.website/src/components/SiteHeader.tsx: belowsm(640px) the nav usestext-baseandgap-4, and below 360pxtext-smandgap-3, so the three links fit. At 360px the old sizing ran GitHub 15px past the right gutter. Layout at 640px and up is unchanged.Checked in the browser at 320, 360, 375, 640, and 1280px: every link ends inside the 16px gutter, and the header never overflows. (At 320px the homepage itself is 348px wide because of other content, not the header.)
🤖 Generated with Claude Code