From 17163208bff67b639afe08a508691aa62833a805 Mon Sep 17 00:00:00 2001 From: gravel Date: Tue, 6 Jun 2023 12:48:41 +0000 Subject: [PATCH] Hide description & QR button on very small screens --- output/index.css | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/output/index.css b/output/index.css index d0c8dea..5d4ab6b 100644 --- a/output/index.css +++ b/output/index.css @@ -716,8 +716,21 @@ footer nav a { } @media (max-width: 500px) { + #th_qr_code, .td_qr_code { + display: none; + } + + #th_description, .td_description { + display: none; + } + + #th_name, .td_name { + max-width: var(--dynamic-columns-width); + width: var(--dynamic-columns-width); + } + :root { /* ! For when descriptions don't wrap and 100vw doesn't work. */ - --dynamic-columns-width: 10rem; + --dynamic-columns-width: 13rem; } }