From 618c39494d1fee473bea061b961af9f1be177711 Mon Sep 17 00:00:00 2001
From: sarahboyce <sarahvboyce95@gmail.com>
Date: Sun, 25 Jun 2023 22:27:09 +0200
Subject: [PATCH] Added mobile support for Trac.

---
 scss/trachacks.scss               | 22 ++++++++++++++++++++++
 trac-env/templates/site_head.html |  1 +
 2 files changed, 23 insertions(+)

diff --git a/scss/trachacks.scss b/scss/trachacks.scss
index 9fdb6bd..20512dd 100644
--- a/scss/trachacks.scss
+++ b/scss/trachacks.scss
@@ -437,3 +437,25 @@ div[role="main"]{
     }
   }
 }
+
+/* Mobile */
+
+@media (max-width: 767px) {
+  #metanav {
+    ul {
+      li {
+        padding: 1em 0.5em !important;
+      }
+    }
+  }
+
+  #filters {
+    min-width: inherit;
+    overflow: scroll;
+  }
+
+  div:has(.listing.tickets) {
+    min-width: inherit;
+    overflow: scroll;
+  }
+}
diff --git a/trac-env/templates/site_head.html b/trac-env/templates/site_head.html
index ffaf0ae..c523c95 100644
--- a/trac-env/templates/site_head.html
+++ b/trac-env/templates/site_head.html
@@ -1,3 +1,4 @@
+<meta name="viewport" content="width=device-width, initial-scale=1" />
 <link rel="stylesheet" href="${href.chrome('site/css/output.css')}" />
 <link rel="stylesheet" href="${href.chrome('site/css/trachacks.css')}" />
 <!--! uncomment for local version of webfont loader if desired. -->