From 9224ab9d0d034dd0519f58a35b98f1d1185c6155 Mon Sep 17 00:00:00 2001
From: Simon Ser <contact@emersion.fr>
Date: Mon, 31 May 2021 18:43:44 +0200
Subject: [PATCH] Set scrollbar style
---
style.css | 14 ++++++++++++--
1 file changed, 12 insertions(+), 2 deletions(-)
diff --git a/style.css b/style.css
index fcdafc1..9864a19 100644
--- a/style.css
+++ b/style.css
@@ -40,6 +40,10 @@
}
}
+html {
+ scrollbar-color: #8e8e8e transparent;
+}
+
html, body {
height: 100%;
padding: 0;
@@ -104,7 +108,7 @@ button.danger:hover {
}
.expander {
- visibility: collapse;
+ display: none;
cursor: pointer;
padding: 0;
margin: 0;
@@ -135,6 +139,7 @@ button.danger:hover {
flex: 1 0 auto;
overflow-x: hidden;
overflow-y: auto;
+ scrollbar-width: thin;
}
#buffer-list li a {
display: inline-block;
@@ -253,6 +258,7 @@ button.danger:hover {
flex-grow: 1;
overflow-x: hidden;
overflow-y: auto;
+ scrollbar-width: thin;
}
#member-list li a {
display: inline-block;
@@ -502,6 +508,10 @@ kbd {
}
@media (prefers-color-scheme: dark) {
+ html {
+ scrollbar-color: var(--gray) transparent;
+ }
+
#buffer-list li.active a {
color: var(--sidebar-background);
background-color: white;
@@ -617,7 +627,7 @@ kbd {
@media(max-width: 640px) {
.expander {
- visibility: visible;
+ display: block;
}
#buffer-list ul, #member-list > section {