From 7d44784539be50deb414a31523c48573c59a796d Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Sun, 26 Apr 2026 17:17:59 +0000 Subject: [PATCH] fix: use overflow-x clip on html to stop fixed icons being cut off on scroll Agent-Logs-Url: https://github.com/nitrocode/token-deathclock/sessions/ca06916c-4d2b-4b8a-b9f3-3b98ff0628b0 Co-authored-by: nitrocode <7775707+nitrocode@users.noreply.github.com> --- styles/base.css | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/styles/base.css b/styles/base.css index b267ba1..656f420 100644 --- a/styles/base.css +++ b/styles/base.css @@ -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 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; } body { font-family: 'Share Tech Mono', 'Courier New', monospace;