From 2355d39b234705afc1e6a7d7fd36ead930f4fd47 Mon Sep 17 00:00:00 2001
From: Matt Singleton <matt@xcolour.net>
Date: Tue, 6 Feb 2024 16:36:56 -0600
Subject: update use instructions

---
 cgit-responsive.css | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 cgit-responsive.css

(limited to 'cgit-responsive.css')

diff --git a/cgit-responsive.css b/cgit-responsive.css
new file mode 100644
index 0000000..514f54b
--- /dev/null
+++ b/cgit-responsive.css
@@ -0,0 +1,48 @@
+@media only screen and (max-width: 800px) {
+  /* HEADER */
+  /* remove logo (save space) */
+  div#cgit table#header td.logo {
+    display: none;
+  }
+  /* wrap title text */
+  div#cgit table#header td.main {
+    white-space: normal;
+  }
+  /* td as block */
+  div#cgit table#header td {
+    display: block;
+  }
+  /* move branch switcher to left */
+  div#cgit table#header td.form {
+    text-align: left;
+  }
+  /* Don't display author (save space) */
+  div#cgit table#header td.sub.right {
+    display: none;
+  }
+
+  /* TABS */
+  /* both tabs and form are blocks */
+  div#cgit table.tabs td {
+    display: block;
+  }
+  /* every tab is block */
+  div#cgit table.tabs td a {
+    display: block;
+    text-align: right;
+  }
+
+  /* CONTENT */
+  div#cgit div.content {
+    overflow-x: auto;
+    padding: 0.5em;
+  }
+  td.ls-mode {
+    white-space: nowrap;
+  }
+
+  /* PANEL ALIGNMENT */
+  div#cgit div.cgit-panel {
+    float: left;
+  }
+}
-- 
cgit v1.2.3