From fc6c00c6eb4453d6dcf756accdc3febb7ede8c3f Mon Sep 17 00:00:00 2001 From: Davide Scaini Date: Fri, 10 Apr 2026 22:05:42 +0200 Subject: [PATCH] fix: mobile nav scrolls horizontally without spilling to page width Logo and action buttons are shrink-0 anchors; nav links occupy the remaining space with overflow-x:auto and a hidden scrollbar so they scroll independently. body gets overflow-x:hidden to prevent the whole page from drifting sideways on narrow screens. --- site/src/layouts/Base.astro | 37 ++++++++++++++++++++++--------------- 1 file changed, 22 insertions(+), 15 deletions(-) diff --git a/site/src/layouts/Base.astro b/site/src/layouts/Base.astro index 85494f7..9c1f76a 100644 --- a/site/src/layouts/Base.astro +++ b/site/src/layouts/Base.astro @@ -138,8 +138,12 @@ try { /* ── Base reset ─────────────────────────────────────────────────────── */ * { box-sizing: border-box; } html { scroll-behavior: smooth; } - body { margin: 0; } + body { margin: 0; overflow-x: hidden; } .maplibregl-canvas { outline: none; } + + /* Nav links scroll horizontally on narrow screens without a scrollbar */ + .nav-links { scrollbar-width: none; -ms-overflow-style: none; } + .nav-links::-webkit-scrollbar { display: none; } -
- +
+ + BincioActivity {!isPublicPage && ( - <> + +
{!singleHandle && ( - Feed + Feed )} {singleHandle - ? @{singleHandle} - : + ? @{singleHandle} + : } - Stats - Athlete + Stats + Athlete {mobileApp && ( - Record + Record )} {mobileApp && ( - Convert + Convert )} - About - - + About + +
)} -
+ +
{!isPublicPage && ( <>