AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests Projects Releases Wiki Activity

Merge branch 'wip/jimmac/larger-smaller-scrollbar-gtk4' into 'master'

Browse Source 
Adwaita: Scrollbar transitions and size

Closes #1886

See merge request GNOME/gtk!3204
This commit is contained in:
Matthias Clasen 2021-02-15 18:06:00 +00:00
commit 6b3c356eb7
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
gtk/theme/Adwaita/_common.scss
View File

@ -2278,11 +2278,14 @@ notebook {
/**************
* Scrollbars *
**************/
scrollbar {
$_slider_min_length: 40px;
$_slider_width: 8px;
$_scrollbar_transition: all 300ms $ease-out-quad;
background-color: $scrollbar_bg_color;
transition: 300ms $ease-out-quad;
transition: $_scrollbar_transition;
// scrollbar border
&.top { border-bottom: 1px solid $borders_color; }
@ -2291,13 +2294,14 @@ scrollbar {
&.right { border-left: 1px solid $borders_color; }
> range > trough > slider {
min-width: 10px;
min-height: 10px;
min-width: $_slider_width;
min-height: $_slider_width;
margin: -1px;
border: 4px solid transparent;
border-radius: 10px;
background-clip: padding-box;
background-color: $scrollbar_slider_color;
transition: $_scrollbar_transition;
&:hover { background-color: $scrollbar_slider_hover_color; }
@ -2308,8 +2312,8 @@ scrollbar {
> range.fine-tune {
> trough > slider {
min-width: 6px;
min-height: 6px;
min-width: $_slider_width - 2;
min-height: $_slider_width - 2;
}
&.horizontal > trough > slider { border-width: 6px 4px; }