From 02847dfce8f7fd31487e4c0b7fd2fdbbcab2ac26 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Tue, 26 Oct 2021 15:22:18 +0200 Subject: chore(styles): change the header scrollbar color --- htdocs/src/scss/layout/_grid.scss | 1 - htdocs/src/scss/layout/_header.scss | 3 +++ 2 files changed, 3 insertions(+), 1 deletion(-) (limited to 'htdocs/src') diff --git a/htdocs/src/scss/layout/_grid.scss b/htdocs/src/scss/layout/_grid.scss index 5a61f1a..3749678 100644 --- a/htdocs/src/scss/layout/_grid.scss +++ b/htdocs/src/scss/layout/_grid.scss @@ -22,7 +22,6 @@ .header { grid-column: 1; grid-row: 1; - overflow-y: auto; width: 100%; } diff --git a/htdocs/src/scss/layout/_header.scss b/htdocs/src/scss/layout/_header.scss index 9adbebe..624afc0 100644 --- a/htdocs/src/scss/layout/_header.scss +++ b/htdocs/src/scss/layout/_header.scss @@ -3,8 +3,11 @@ .header { background: fun.get-var(color-bg-secondary); + overflow-y: auto; padding: fun.get-var(spacing-md) clamp(#{fun.get-var(spacing-md)}, 3vw, #{fun.get-var(spacing-lg)}); + scrollbar-color: fun.get-var(color-primary-light-opacity) + fun.get-var(color-bg-tertiary); z-index: 5; @include mix.media("screen") { -- cgit v1.2.3