Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

minor sidebar scrollbar adjustments (#18080)

This commit is contained in:
Kris 2022-08-24 15:46:01 -04:00 committed by GitHub
parent 14770ed208
commit c5df47d5eb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/assets/stylesheets/common/base/sidebar.scss
View File

@ -55,16 +55,19 @@
// custom scrollbar styling // custom scrollbar styling
--scrollbarBg: transparent; --scrollbarBg: transparent;
--scrollbarThumbBg: var(--primary-low); --scrollbarThumbBg: var(--primary-low);
--scrollbarWidth: 1em; --scrollbarWidth: 0.5em;
scrollbar-color: transparent var(--scrollbarBg); scrollbar-color: transparent var(--scrollbarBg);
transition: scrollbar-color 0.25s ease-in-out; transition: scrollbar-color 0.25s ease-in-out;
transition-delay: 0.5s; transition-delay: 0.5s;
&::-webkit-scrollbar {
width: var(--scrollbarWidth);
}
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
background-color: transparent; background-color: transparent;
border-radius: calc(var(--scrollbarWidth) / 2); border-radius: calc(var(--scrollbarWidth) / 2);
background-color: transparent;
} }
&::-webkit-scrollbar-track { &::-webkit-scrollbar-track {
@ -80,11 +83,6 @@
transition-delay: 0s; transition-delay: 0s;
} }
&::-webkit-scrollbar {
// 0.5em gives webkit browsers a little space between the scrollbar and the content
width: calc(var(--scrollbarWidth) - 0.45em);
}
} }
} }