From c0cabae352be5c5b30dae0fbd17039b523316b86 Mon Sep 17 00:00:00 2001
From: Bryce Kwon <bryce@brycekwon.com>
Date: Sat, 31 Oct 2026 13:21:41 -0700
Subject: Hide what each narrow layout drops in one rule

Nine rules each set display: none, scattered out of the stylesheet's
section order. Each block now hides its elements in one list, in
section order, and the rest of its rules follow in that order too.
---
 assets/cgit.css | 86 +++++++++++++++++++++------------------------------------
 1 file changed, 32 insertions(+), 54 deletions(-)

(limited to 'assets')

diff --git a/assets/cgit.css b/assets/cgit.css
index 78b3ee2..ffbc902 100644
--- a/assets/cgit.css
+++ b/assets/cgit.css
@@ -1302,14 +1302,8 @@ div#cgit form.login input[type="password"] {
 }
 
 @media (max-width: 900px) {
-  div#cgit .tabs .search {
-    display: none;
-  }
-
-  div#cgit #header .branch-switch {
-    display: none;
-  }
-
+  div#cgit #header .branch-switch,
+  div#cgit .tabs .search,
   div#cgit table.list th.col-author,
   div#cgit table.list td.col-author {
     display: none;
@@ -1340,44 +1334,54 @@ div#cgit form.login input[type="password"] {
 }
 
 @media (max-width: 640px) {
-  div#cgit .tabs a {
-    padding: 0.3em 0.4em;
-  }
-
+  div#cgit #header .owner,
   div#cgit .col-desc,
   div#cgit .col-owner,
-  div#cgit .col-links {
-    display: none;
-  }
-
+  div#cgit .col-links,
   div#cgit table.log th.col-count,
-  div#cgit table.log td.col-count {
+  div#cgit table.log td.col-count,
+  div#cgit th.ls-mode,
+  div#cgit td.ls-mode,
+  div#cgit th.ls-links,
+  div#cgit td.ls-links,
+  div#cgit div.cgit-panel,
+  div#cgit table.diffstat td.mode {
     display: none;
   }
 
-  div#cgit table.list td {
-    overflow-wrap: anywhere;
+  div#cgit #header {
+    grid-template-columns: auto 1fr;
+    grid-template-areas:
+      "logo heading"
+      "desc desc";
+    row-gap: 6px;
   }
 
-  div#cgit th.ls-mode,
-  div#cgit td.ls-mode,
-  div#cgit th.ls-links,
-  div#cgit td.ls-links {
-    display: none;
+  div#cgit #header::before {
+    grid-column: 1 / -1;
   }
 
-  div#cgit td.ls-size {
-    width: auto;
+  div#cgit #header h1.main {
+    white-space: normal;
+    overflow-wrap: anywhere;
   }
 
-  div#cgit table.diffstat td.mode {
-    display: none;
+  div#cgit .tabs a {
+    padding: 0.3em 0.4em;
   }
 
   div#cgit span.snapshot {
     white-space: normal;
   }
 
+  div#cgit table.list td {
+    overflow-wrap: anywhere;
+  }
+
+  div#cgit td.ls-size {
+    width: auto;
+  }
+
   div#cgit table.repolist th.col-name,
   div#cgit table.repolist td.col-name {
     width: 100%;
@@ -1391,36 +1395,10 @@ div#cgit form.login input[type="password"] {
     text-align: right;
   }
 
-  div#cgit #header {
-    grid-template-columns: auto 1fr;
-    grid-template-areas:
-      "logo heading"
-      "desc desc";
-    row-gap: 6px;
-  }
-
-  div#cgit #header .owner {
-    display: none;
-  }
-
-  div#cgit #header::before {
-    grid-column: 1 / -1;
-  }
-
-  div#cgit #header h1.main {
-    white-space: normal;
-    overflow-wrap: anywhere;
-  }
-
-  div#cgit div.cgit-panel {
-    display: none;
-  }
-
   div#cgit div.notes {
     float: none;
     margin-left: 0;
   }
-
 }
 
 @media (forced-colors: active) {
-- 
cgit