hanna/fabrica

style(web): stop the mobile repo tab strip overflowing the page

a850956 · hanna committed on 2026-07-26

The tab strip is a flex child; without min-width:0 it could not shrink
below its content, so overflow-x:auto never engaged and the tabs pushed
the page past the viewport. Constrain it (min-width:0, max-width:100%)
at the base `.repo-nav .repo-tabs` specificity so it scrolls in place.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Signed by hannaSSH key fingerprint: SHA256:4g9cWhkAAw8gwqhJUcVbSnGEvdGwklW+1Aa/fMUu59k

assets/base.css +7 −1

     flex-direction: column;
     align-items: stretch;
+  }
-  .repo-tabs {
+  /* min-width:0 lets the strip shrink below its content so overflow-x:auto
+     actually scrolls, instead of the tabs pushing the whole page wider than
+     the viewport. The specificity matches the base `.repo-nav .repo-tabs`. */
+  .repo-nav .repo-tabs {
+    flex: 1 1 auto;
+    min-width: 0;
+    max-width: 100%;
     flex-wrap: nowrap;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;