diff options
| author | Armand Philippot <git@armandphilippot.com> | 2021-10-26 15:22:18 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2021-10-26 15:22:18 +0200 |
| commit | 02847dfce8f7fd31487e4c0b7fd2fdbbcab2ac26 (patch) | |
| tree | c444b37f676293195b03c1e7e47a1b8f3b37a0c0 | |
| parent | ffd62dc1691bdecc84892133158d8bcc1c7a5d1f (diff) | |
chore(styles): change the header scrollbar color
| -rw-r--r-- | htdocs/src/scss/layout/_grid.scss | 1 | ||||
| -rw-r--r-- | htdocs/src/scss/layout/_header.scss | 3 |
2 files changed, 3 insertions, 1 deletions
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") { |