From 922f06b69e89a2790e8648373cb50d9b794a4eab 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 2ec86b2..6659cda 100644
--- a/scss/trachacks.scss
+++ b/scss/trachacks.scss
@@ -434,3 +434,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. -->