From 3528ffcc8ca59417e7b4fc8c79e463efca4b389d Mon Sep 17 00:00:00 2001 From: Sonny Bakker Date: Wed, 3 Mar 2021 22:13:11 +0100 Subject: [PATCH] Make navbar sticky --- src/newsreader/scss/components/navbar/_navbar.scss | 3 +++ src/newsreader/scss/components/sidebar/_sidebar.scss | 2 +- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/src/newsreader/scss/components/navbar/_navbar.scss b/src/newsreader/scss/components/navbar/_navbar.scss index 5b8ea7f..afdacce 100644 --- a/src/newsreader/scss/components/navbar/_navbar.scss +++ b/src/newsreader/scss/components/navbar/_navbar.scss @@ -6,6 +6,9 @@ padding: 10px 0; width: 100%; + position: sticky; + top: 0; + background-color: var(--lightest-accent-color); ol { diff --git a/src/newsreader/scss/components/sidebar/_sidebar.scss b/src/newsreader/scss/components/sidebar/_sidebar.scss index 1650a40..0521af4 100644 --- a/src/newsreader/scss/components/sidebar/_sidebar.scss +++ b/src/newsreader/scss/components/sidebar/_sidebar.scss @@ -5,7 +5,7 @@ align-self: start; position: sticky; - top: 5%; + top: 50px; width: 20%;