From b7b1a9b5d313556743af2abb1dc1d7d0c793dc49 Mon Sep 17 00:00:00 2001 From: k Date: Sun, 23 May 2021 18:00:13 -0500 Subject: [PATCH] fix: set the horizontal scrollbar's height and width to `auto` In Firefox the horizontal scrollbar looks very small. With a width set to `auto`, it looks bigger and better. In Chromium, without an automatic height, the new color changes do not appear. Now the horizontal scrollbar looks consistent in both chromium and firefox. --- assets/scss/partials/layout/list.scss | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/assets/scss/partials/layout/list.scss b/assets/scss/partials/layout/list.scss index dc51214..0ba7c8e 100644 --- a/assets/scss/partials/layout/list.scss +++ b/assets/scss/partials/layout/list.scss @@ -52,11 +52,15 @@ margin-bottom: var(--section-separation); overflow-x: auto; - /* Scrollbar styles for Firefox */ - scrollbar-width: thin; + /* scrollbar styles for Firefox */ + scrollbar-width: auto; scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track); - /* Scrollbar styles for Chromium */ + /* scrollbar styles for Chromium */ + &::-webkit-scrollbar { + height: auto; + } + &::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb); }