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

@@ @@ -2587,7 +2587,13 @@ td.diff-empty { @@
     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;