diff options
| author |  Laura Caroline <Hanawa02@users.noreply.github.com>
| 2021-06-21 14:45:11 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-06-21 08:45:11 -0400 |
| commit | 1f6fe888db6a29f20dc8ed83fc6f096874c5807c (patch) | |
| tree | 3db05c2072f8b04481c23d1f05cb064aae20cd24 | |
| parent | 491ff66603119928963fd58154a4a77246f342ca (diff) | |
| download | astro-1f6fe888db6a29f20dc8ed83fc6f096874c5807c.tar.gz astro-1f6fe888db6a29f20dc8ed83fc6f096874c5807c.tar.zst astro-1f6fe888db6a29f20dc8ed83fc6f096874c5807c.zip | |
Fix sidebar scrolling docs (#499)
* Allow scrolling for side bar + scroll bar styling
* Add tentative of styling for firefox
| -rw-r--r-- | examples/docs/public/index.css | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/examples/docs/public/index.css b/examples/docs/public/index.css index 4944ddbd4..5f41eb6ed 100644 --- a/examples/docs/public/index.css +++ b/examples/docs/public/index.css @@ -346,6 +346,49 @@ nav h4 { text-decoration: none; } +.nav-groups { + padding-bottom: 2rem; + max-height: calc(100% - 3rem); + overflow-y: auto; + overflow-x: hidden; +} + .nav-groups > li + li { 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 */
\ No newline at end of file |