From dfe8a37fca4205954244c6bbd1bf26dfe46890d8 Mon Sep 17 00:00:00 2001
From: Martyn Welch <martyn.welch@collabora.com>
Date: Fri, 25 Sep 2020 15:07:31 +0100
Subject: [PATCH] Tweak sidebar css to simplify it
We can change the logic subtly and reduce replication of properties.
Also set visibility to improve accessibility.
Signed-off-by: Martyn Welch <martyn.welch@collabora.com>
---
themes/beautifulhugo/static/css/main.css | 10 ++++------
1 file changed, 4 insertions(+), 6 deletions(-)
diff --git a/themes/beautifulhugo/static/css/main.css b/themes/beautifulhugo/static/css/main.css
index 383389735..93b8e674b 100644
--- a/themes/beautifulhugo/static/css/main.css
+++ b/themes/beautifulhugo/static/css/main.css
@@ -840,13 +840,11 @@ div.notices.tip p:first-child:after {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
-.sidebar-hidden {
- width: 0px;
-}
-
-@media only screen and (min-width: 1450px) {
+@media not screen, screen and (max-width: 1450px) {
.sidebar-hidden {
- width: 300px;
+ width: 0px;
+ visibility: hidden;
+ transition: width 0.5s, visibility 0s linear 0.5s;
}
}
--
GitLab