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

Merge pull request #2470 from matrix-org/bwindels/css-scrollbars

Browse source 
Make native scrollbars prettier
This commit is contained in:
Bruno Windels 2019-01-29 08:20:21 +00:00 • committed by GitHub
commit cc2b6f9524
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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;
}