aboutsummaryrefslogtreecommitdiff
path: root/styles
diff options
context:
space:
mode:
authorlonkaars <l.leblansch@gmail.com>2021-03-27 10:03:45 +0100
committerlonkaars <l.leblansch@gmail.com>2021-03-27 10:03:45 +0100
commit8b79c4b8892ee981246e4cf40f30cc09a4e0e822 (patch)
treeae93fcd4f619ed03944877bffa78c65a83be550b /styles
parentfee0469e1265122eafcdae6cd92c8c9e1b250826 (diff)
navbar overflow
Diffstat (limited to 'styles')
-rw-r--r--styles/globals.css18
-rw-r--r--styles/layout.css6
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 {