From: Zach DeCook <zdecook@ccel.org>
To: ~emersion/alps-dev@lists.sr.ht
Cc: Zach DeCook <zdecook@ccel.org>
Subject: [PATCH 1/3] - Alps Theme: Begin to make friendly for medium-sized screens
Date: Tue, 28 Jul 2020 08:56:11 -0400
Message-Id: <20200728125612.16632-1-zdecook@ccel.org>
MIME-Version: 1.0
Content-Transfer-Encoding: quoted-printable

---
 themes/alps/assets/style.css | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/themes/alps/assets/style.css b/themes/alps/assets/style.css
index f91a271..ae49f18 100644
--- a/themes/alps/assets/style.css
+++ b/themes/alps/assets/style.css
@@ -78,7 +78,7 @@ select {
 }
 /** { box-sizing: content-box; }*/
 body { font-family: arial,sans-serif; font-size: 13px; padding: 0; margi=
n: 0;
-  min-width: 1024px; min-height: 100vh; display: flex; flex-direction: c=
olumn;
+  min-height: 100vh; display: flex; flex-direction: column;
 }
=20
 input[type=3D"text"],
@@ -127,6 +127,10 @@ footer { text-align: right; }
=20
=20
 aside { flex: 0 0 180px; }
+@media only screen and (max-width: 767px) {
+  /* TODO: Make this accessible */
+  aside { display: none; }
+}
 aside a { width: 100%; display: block; padding: 0.4rem 0 0.4rem 0.5rem; =
}
 aside a.active { font-weight: bold; color: black; text-decoration: none;=
 }
 aside img { display: block; }
@@ -440,7 +444,7 @@ main table tfoot {
=20
 .message-grid {
   display: grid;
-  grid-template-columns: auto 1fr 10fr auto;
+  grid-template-columns: auto minmax(100px, 2fr) 10fr auto;
   grid-template-rows: auto;
 }
=20
--=20
2.27.0