michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix sidebar scrolling docs (#499)

Browse source 
* Allow scrolling for side bar + scroll bar styling

* Add tentative of styling for firefox
This commit is contained in:
Laura Caroline 2021-06-21 14:45:11 +02:00 committed by GitHub
parent 491ff66603
commit 1f6fe888db
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 43 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
examples/docs/public/index.css
View file

@ -346,6 +346,49 @@ nav h4 {
text-decoration: none; text-decoration: none;
} }
.nav-groups {
padding-bottom: 2rem;
max-height: calc(100% - 3rem);
overflow-y: auto;
overflow-x: hidden;
}
.nav-groups > li + li { .nav-groups > li + li {
margin-top: 2rem; margin-top: 2rem;
} }
/* Scrollbar */
/* Firefox */
body {
scrollbar-width: thin;
scrollbar-color: var(--theme-text-lighter) var(--theme-divider);
}
/* width */
::-webkit-scrollbar {
width: 0.5rem;
}
/* Track */
::-webkit-scrollbar-track {
background: var(--theme-divider);
border-radius: 1rem;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: var(--theme-text-lighter);
border-radius: 1rem;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: var(--theme-text-light);
}
/* Buttons */
::-webkit-scrollbar-button {
display: none;
}
/* Scrollbar - End */