From 43a7cb79d5508936d52027f8db96b5f173c25e7c Mon Sep 17 00:00:00 2001
From: Ricardo Wurmus <rekado@elephly.net>
Date: Tue, 20 Dec 2022 23:05:21 +0100
Subject: css: Make sidebar respond to hover.

---
 assets/mumi.scss | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/assets/mumi.scss b/assets/mumi.scss
index 5c0c68b..410e9ad 100644
--- a/assets/mumi.scss
+++ b/assets/mumi.scss
@@ -341,16 +341,23 @@ a.message-anchor {
 #sidebar {
     display: none;
     position: fixed;
-    right: 10px;
+    right: 0;
     top: 100px;
     background: var(--nav-background-color);
     border: 1px solid #ddd;
-    border-radius: 6px;
+    border-radius: 5px 0 0 5px;
     padding: .5em;
-    padding-right: 1.5em;
     z-index: 1;
-    max-height: 500px;
+    max-height: 90vh;
     overflow-y: auto;
+    overflow-x: none;
+    max-width: 2em;
+    transition: all 500ms ease-in-out;
+}
+
+#sidebar:hover {
+    max-width: inherit;
+    transition: all 500ms ease-in-out;
 }
 
 @media (min-width: 1200px) {
-- 
cgit v1.2.3