Received: from mout.perfora.net (mout.perfora.net [74.208.4.194]) by mail-b.sr.ht (Postfix) with ESMTPS id C9F20FF0DD for <~emersion/alps-dev@lists.sr.ht>; Tue, 28 Jul 2020 12:58:23 +0000 (UTC) Received: from Zachs-MBP.hsd1.mi.comcast.net.org ([107.5.198.24]) by mrelay.perfora.net (mreueus002 [74.208.5.2]) with ESMTPSA (Nemesis) id 0Luwb9-1kiqit2moL-0107OE; Tue, 28 Jul 2020 14:58:22 +0200 From: Zach DeCook To: ~emersion/alps-dev@lists.sr.ht Cc: Zach DeCook 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> X-Mailer: git-send-email 2.27.0 MIME-Version: 1.0 X-Provags-ID: V03:K1:vEurrdV1asgJuXAucQL2Gq9ndUQEvZBaus1/6Nq3JiYIu9QrIwR u7o3zRD+5cIgZHyP5XZcEuG27mk7K544ecBcsWpPlqyBgXNfx8NMlxLTvsEQJcFBAdTfznl S7YmNm/FCS1qiQm82mFGgKjR3I+BiB6gc5pfn1W9FCEV8o96Mrh7uDm1DLwDhER06+GiXKE KDHY+4oX6jbY8M/s3LfPA== X-Spam-Flag: NO X-UI-Out-Filterresults: notjunk:1;V03:K0:GXuX2tAnUsQ=:XUG3lH3Z4Z/MaN9xQfZmjl 80SFGp6cdcBgNd/jkFsJKHOjke1p1ClEOUaT5i8udo87dtqGbLVXmO3FuXb6KNXnbvZv+SwYo y6GJkOqRY3tiu5Bg47zv1syszizdvqgjyCtStB1S4lNGA+DygPo3S/zgk4RRF4QbpuQP0V3hy qSz8uzrObhRBSQgpRbwvIq2qfveIrYVQfTM0qTVyxB4CEfSVJFkq1drsY5XlmxWvxpK/I14AT 8bEAIsYhbAdXUa2fVV8g+vBXR3ofqlopH2RBqIb7WlbDnPvcn8qeqqGdCKxAlq4dGGe1nKTrZ GpSVyZPoIJAdGBbPZOGqwOWRrdhWU57zHcz/SmX4d9/BD63NMcKX7WCNsM0Tw3PMYQoeuPcOA LB7ypKGFNnkqiQUgijnPJqXFaWcqHd1WnNSVdj6evFDDOnjXyE7hK270ikvmfrHDs9JtGlLLu HpjokrHz8tCrvOUyhe7FMiW+PY3kWgWtSpnvQC4jk7mkHxy4zW4lz76wb4KF+ohOKTS/Rm3OY kYX33gfVYzNZS1wy4tXfAeFAJLmt1yGBesLbkOhQIbRcKrPYiyhVE2tYkn9uoI92rKRZRQT6Y r8FzH80snxzBFITsKIXLTdU3a0FH2u9k/s+VeNmFAXhoRgS81sUsWmXdRxO3GsoqalnNoW1bO +1knImDWpsq5auJV0dx7WVzntlYPc6zcrFmgnxbkmiozexMrJfxjYbHURcZqbbnBG5xlGOkx5 +8Vas4tTneuWSOOsJrnM782AxYEIIVlxuk0YOiFS714+PX2gDC0ol2PTqwed9yCmFzm4/u297 G/qOuT7ZPfKGAPJirfkCmXY/BN4ftUkN01YboDGZNSQ7FbygIyCojzb7fqJ0qeKExIOy/Aj 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