Added mobile support for Trac.

sarahboyce · sarahboyce · commit 645345178571 · 2023-06-25T22:44:12.000+02:00
diff --git a/scss/trachacks.scss b/scss/trachacks.scss
@@ -408,3 +408,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.html b/trac-env/templates/site.html
@@ -4,6 +4,7 @@
   <head py:match="head" py:attrs="select('@*')">
     ${select('*|comment()|text()')}
 
+    <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. -->
@@ -172,7 +173,6 @@ <h2>Follow Us</h2>
       </div>
     </div>
 
-
   <script data-main="${href.chrome('site/js/main.js')}" src="${href.chrome('site/js/lib/require.js')}"></script>
   </body>
 </html>
