oss/Radicale
oss/Radicale
1
0
Fork 0
mirror of https://github.com/Kozea/Radicale.git synced 2025-07-02 16:58:30 +00:00
Code Wiki Activity

Fix scrollbars on WebKit

Browse source
This commit is contained in:
Unrud 2020-03-08 19:43:04 +01:00
parent 64d6b52bc6
commit 8fb12bbc49
3 changed files with 23 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

5
assets/screen-narrow.css
View file

@ -25,7 +25,6 @@ nav {
left: 0; left: 0;
background-color: #E4E9F6; background-color: #E4E9F6;
z-index: 1; z-index: 1;
scrollbar-width: initial;
transition: width ease .2s; transition: width ease .2s;
max-height: initial !important; max-height: initial !important;
margin: 0; margin: 0;
@ -39,10 +38,6 @@ html.nav-opened {
width: 100vw; width: 100vw;
} }
nav::-webkit-scrollbar {
display: initial;
}
main, .navContainer { main, .navContainer {
position: relative; position: relative;
} }

2
assets/screen-noscript.css
View file

@ -26,7 +26,7 @@ nav .level4 > a::after {
display: none !important; display: none !important;
} }
@media screen and (max-width: 50em) { @media all and (max-width: 50em) {
nav, .navButtonContainer { nav, .navButtonContainer {
display: none; display: none;
} }

31
assets/screen.css
View file

@ -244,23 +244,36 @@ nav {
top: 0; top: 0;
height: 100vh; height: 100vh;
overflow-y: auto; overflow-y: auto;
scrollbar-width: none;
} }
.navContainer { .navContainer {
padding: 10px 0; padding: 10px 0;
} }
nav::-webkit-scrollbar { @media not all and (max-width: 50em) {
display: none; /* Use media query because any change to ::-webkit-scrollbar makes it
} * impossible to restore system scrollbars */
nav:hover { nav {
scrollbar-width: initial; scrollbar-width: none;
} }
nav:hover::-webkit-scrollbar { nav:hover, nav:focus-within {
display: initial; scrollbar-width: initial;
}
nav::-webkit-scrollbar {
display: none;
background-color: #D2D7E3;
}
nav::-webkit-scrollbar-thumb {
background-color: #424247;
}
nav:hover::-webkit-scrollbar, nav:focus-within::-webkit-scrollbar {
display: initial;
}
} }
nav .level2 { nav .level2 {