imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

use css scrollbar styles to make native scrollbars prettier

Browse source
This commit is contained in:
Bruno Windels 2019-01-21 19:01:18 +01:00
parent 89b576936b
commit 5aff76b49d
5 changed files with 27 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

17
res/css/structures/_AutoHideScrollbar.scss
View file

@ -64,3 +64,20 @@ body.mx_scrollbar_nooverlay {
margin-right: calc(-1 * var(--scrollbar-width));
}
}
// style the native scrollbars ...
// ... standard css scrollbars (firefox at time of writing)
.mx_AutoHideScrollbar {
scrollbar-color: $scrollbar-thumb-color $scrollbar-track-color;
scrollbar-width: thin;
}
// or fallback for webkit browsers
::-webkit-scrollbar {
width: 6px;
background-color: $scrollbar-track-color;
}
::-webkit-scrollbar-thumb {
background-color: $scrollbar-thumb-color;
border-radius: 3px;
}