Skip to content

fix: stop GitHub corner and theme toggle from being clipped on scroll #88

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
nitrocode merged 1 commit into from
Apr 26, 2026
Merged

fix: stop GitHub corner and theme toggle from being clipped on scroll #88

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 8 additions & 5 deletions styles/base.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,11 +4,14 @@
/* Enforce [hidden] even when a class sets an explicit display value */
[hidden] { display: none !important; }

/* overflow-x on both html and body prevents horizontal scroll and ensures
position:fixed elements anchor to the viewport on iOS Safari, where
overflow on body alone can cause fixed elements to position relative to
the body scroll container instead of the viewport. */
html { scroll-behavior: smooth; overflow-x: hidden; }
/* overflow-x: clip on html prevents horizontal scroll without creating a
scroll container, so position:fixed elements (GitHub corner, theme toggle)
stay anchored to the viewport on scroll. Using overflow-x: hidden here
instead would turn <html> into a scroll container and cause fixed elements
to be clipped as the page scrolls. overflow-x: hidden on body alone keeps
iOS Safari happy (prevents body acting as the scroll container for fixed
elements). */
html { scroll-behavior: smooth; overflow-x: clip; }
Comment thread
nitrocode marked this conversation as resolved.

body {
font-family: 'Share Tech Mono', 'Courier New', monospace;
Expand Down
Loading