diff options
author | lonkaars <l.leblansch@gmail.com> | 2021-03-27 10:03:45 +0100 |
---|---|---|
committer | lonkaars <l.leblansch@gmail.com> | 2021-03-27 10:03:45 +0100 |
commit | 8b79c4b8892ee981246e4cf40f30cc09a4e0e822 (patch) | |
tree | ae93fcd4f619ed03944877bffa78c65a83be550b /styles | |
parent | fee0469e1265122eafcdae6cd92c8c9e1b250826 (diff) |
navbar overflow
Diffstat (limited to 'styles')
-rw-r--r-- | styles/globals.css | 18 | ||||
-rw-r--r-- | styles/layout.css | 6 |
2 files changed, 24 insertions, 0 deletions
diff --git a/styles/globals.css b/styles/globals.css index 8b2f36d..c1c4658 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -46,3 +46,21 @@ h3 { font-size: 32px; } background-color: var(--fire-opal); } +::-webkit-scrollbar { + width: 12px; +} + +::-webkit-scrollbar-track { + background-color: var(--bg); +} + +::-webkit-scrollbar-thumb { + background-color: var(--purple-navy); + border-radius: 6px; + border: 4px solid var(--bg); +} + +::-webkit-scrollbar-thumb:hover { + background-color: var(--fg); +} + diff --git a/styles/layout.css b/styles/layout.css index c739d13..f648634 100644 --- a/styles/layout.css +++ b/styles/layout.css @@ -29,6 +29,12 @@ .navAreaWrapper > .sticky { position: sticky; top: var(--page-margins); + bottom: var(--page-margins); + height: calc(100vh - 2 * var(--page-margins)); + + overflow-y: scroll; + + border-radius: 8px; } .contentWrapper { |