From 028ae12ea56077fb630bbf12ed46781db583fe2a Mon Sep 17 00:00:00 2001 From: k <68973000+moll-y@users.noreply.github.com> Date: Sat, 19 Jun 2021 13:48:40 -0500 Subject: [PATCH] fix: set the scrollbar-track background to transparent (#228) The body has this transition: 'transition: background-color 0.3s ease 0s'. Setting the scrollbar-track's background-color of the horizontal scrollbar of the Archives page to transparent will make us to appreciate that transition when switching the background-color. --- assets/scss/partials/layout/list.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/assets/scss/partials/layout/list.scss b/assets/scss/partials/layout/list.scss index bcb276c..f9e7b6a 100644 --- a/assets/scss/partials/layout/list.scss +++ b/assets/scss/partials/layout/list.scss @@ -54,7 +54,7 @@ /* scrollbar styles for Firefox */ scrollbar-width: auto; - scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track); + scrollbar-color: var(--scrollbar-thumb) transparent; /* scrollbar styles for Chromium */ &::-webkit-scrollbar { @@ -66,7 +66,7 @@ } &::-webkit-scrollbar-track { - background-color: var(--scrollbar-track); + background-color: transparent; } /**/