matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-08-07 21:23:00 +03:00
Code Activity

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;
}