Scale page-nav content before wrapping; fix scrollbar-caused centering offset - #170
Merged
Conversation
…g offset The day-nav links and tradition/calendar toggles now shrink via a container query as the topbar narrows, same technique as the site title, instead of wrapping at almost any width -- they only fall back to wrapping below 400px, once the smallest scaled font no longer fits. Also replaces the permanent overflow-y:scroll (which reserved the scrollbar's gutter on the right edge only) with scrollbar-gutter: stable both-edges, so centered content no longer sits ~15px left of true center -- the previous approach threw off main#orthocal's centering by half a scrollbar-width, most noticeable on narrow screens where that's a bigger fraction of the viewport. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Hf6j2xXQXywHVh3HAVRxB3
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
1 participant
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.
Summary
main#orthocal's centering being off by ~15px (half a scrollbar-width) on narrow viewports. The page previously forced a permanentoverflow-y: scroll, which reserves the scrollbar's gutter on the right edge only, throwing offmargin: 0 autocentering. Switched toscrollbar-gutter: stable both-edges, which reserves the gutter symmetrically (still preventing layout shift on short pages, the original goal) while keeping content centered.Test plan
docker compose run --rm tests— 142 tests passmain#orthocal, the header content, and.readings-columns🤖 Generated with Claude Code
https://claude.ai/code/session_01Hf6j2xXQXywHVh3HAVRxB3