Repository navigation
The header fits a narrow window - #44
Merged
Merged
Conversation
Below 1100px the header sets the title at 1.5 x 25pt, 50px, where "AngouriMath" is 339px wide, and the column is 70% of the window. So in a window narrower than about 545px the title ran past the column, and below about 420px the whole page scrolled sideways: by 85px at 320px, which is a 1280px desktop window at 400% zoom. The menu's "Angouri.org", at 30pt, ran over below about 420px. The three sizes are now capped by the window's width: the header at 8vw, the title at 9vw and the menu links at 7.5vw. At 320px nothing in the header leaves the column and the home page does not scroll sideways. From about 555px up every size is what it was. A phone is unaffected: the pages declare no viewport, so a phone lays them out 980px wide, where none of the caps is reached. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_012sonx8iAspMiwRwokT1Ura
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
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.
Below 1100px the header sets the title at 1.5 × 25pt, 50px. At that size "AngouriMath" is 339px wide, and the column is 70% of the window. So in a window narrower than about 545px the title runs past the column. Below about 420px the whole page scrolls sideways, by 85px at 320px, which is a 1280px desktop window at 400% zoom. The menu's "Angouri.org", at 30pt, runs over below about 420px as well.
The three sizes are now capped by the window's width: the header at
8vw, the title at9vwand the menu links at7.5vw.Measured on the built site in headless Chromium, with the menu open:
A phone is unaffected. The pages declare no viewport, so a phone lays them out 980px wide, where none of the caps is reached. Emulated at 390px with mobile metrics, this branch and the live site compute the same sizes: 50px, 33.3px and 40px.
At 320px, Quick start, Wiki and Try online still scroll sideways. On those pages it's the content that is too wide, not the header: code lines, the downloads table, the wiki's page names and MathJax formulas. Each needs its own change.
🤖 Generated with Claude Code
https://claude.ai/code/session_012sonx8iAspMiwRwokT1Ura