Set scrollbar style

This commit is contained in:
Simon Ser 2021-05-31 18:43:44 +02:00
parent e38f35c578
commit 9224ab9d0d

View File

@ -40,6 +40,10 @@
} }
} }
html {
scrollbar-color: #8e8e8e transparent;
}
html, body { html, body {
height: 100%; height: 100%;
padding: 0; padding: 0;
@ -104,7 +108,7 @@ button.danger:hover {
} }
.expander { .expander {
visibility: collapse; display: none;
cursor: pointer; cursor: pointer;
padding: 0; padding: 0;
margin: 0; margin: 0;
@ -135,6 +139,7 @@ button.danger:hover {
flex: 1 0 auto; flex: 1 0 auto;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
scrollbar-width: thin;
} }
#buffer-list li a { #buffer-list li a {
display: inline-block; display: inline-block;
@ -253,6 +258,7 @@ button.danger:hover {
flex-grow: 1; flex-grow: 1;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
scrollbar-width: thin;
} }
#member-list li a { #member-list li a {
display: inline-block; display: inline-block;
@ -502,6 +508,10 @@ kbd {
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
html {
scrollbar-color: var(--gray) transparent;
}
#buffer-list li.active a { #buffer-list li.active a {
color: var(--sidebar-background); color: var(--sidebar-background);
background-color: white; background-color: white;
@ -617,7 +627,7 @@ kbd {
@media(max-width: 640px) { @media(max-width: 640px) {
.expander { .expander {
visibility: visible; display: block;
} }
#buffer-list ul, #member-list > section { #buffer-list ul, #member-list > section {