Repository navigation
fix: High zoom causes horizontal scrolling and overlapping control - #133
Merged
Merged
Conversation
At 400% zoom the page scrolled horizontally and the floating Back to top button sat on top of the sort control. Horizontal overflow (1.4.10, 1.4.4): - html had overflow-x: hidden, which did not remove the overflow, it only put the overflowing content out of reach. Removed, and the sources fixed instead. - The UTL logo's fixed 70px height made it 313px wide, wider than a 320px viewport on its own. Both logos now cap by max-height and scale down by width. - The GitHub / Search syntax row was an unwrapped flex row that outgrew 360px at 200% text. It wraps now. - "Learn@MDL" is one unbreakable token and overflows 320px at 200% text, so the h1 may break it rather than cap its size. - The per-page and sort pairs wrap internally before the row does. Back to top (1.4.10, 2.4.11): Docked in the pinned search bar instead of floating bottom-right, the same move already made for the Filters button and for the same reason: a fixed overlay has no way to avoid what is under it. At high zoom that was the sort select; at full size it was still covering card links. In the bar it has a slot of its own, obscures nothing, and is operable at any scroll position rather than only past 300px. The bar's measured height is unchanged, so this costs no vertical space at high zoom. Its show/hide scroll listener is gone with it. Card grid (1.4.10): The column count was pinned to --max-cards-per-row from 481px up, which at 200% zoom left three ~170px columns breaking titles one word per line. The track floor now caps the count without forcing it, so the grid drops to two columns and then one as the panel narrows. Desktop is unchanged. Verified in headless Chromium: no horizontal scrolling from 280px to 1600px at 100% and 200% text, across the default, searched, filtered, no-results, 100-per-page, drawer-open and scrolled-to-bottom states; and Back to top is 48x48, keyboard reachable, and scrolls to top with focus. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
…ility at high zoom
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.
Closes #114