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 | |
| parent | fee0469e1265122eafcdae6cd92c8c9e1b250826 (diff) | |
navbar overflow
| -rw-r--r-- | pages/index.tsx | 39 | ||||
| -rw-r--r-- | styles/globals.css | 18 | ||||
| -rw-r--r-- | styles/layout.css | 6 |
3 files changed, 63 insertions, 0 deletions
diff --git a/pages/index.tsx b/pages/index.tsx index 61a1390..d572a2d 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -23,6 +23,45 @@ export default function Home() { children: [ { name: "gert3", + }, + { + name: "gert", + children: [ + { + name: "gert2", + children: [ + { + name: "gert3", + } + ] + } + ] + } + ] + } + ] + }, + { + name: "gert", + children: [ + { + name: "gert2", + children: [ + { + name: "gert3", + }, + { + name: "gert", + children: [ + { + name: "gert2", + children: [ + { + name: "gert3", + } + ] + } + ] } ] } 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 { |