Commit d13b9f79 authored by Jakub Steiner's avatar Jakub Steiner

Adwaita: make scrollbars larger

When using scrollbars as active controls, rather than their primary role as indicators,
increase their size as click targets.

Fixes #1886
parent 0b1ca619
Pipeline #249920 passed with stages
in 23 minutes and 42 seconds
......@@ -2664,11 +2664,11 @@ scrollbar {
// slider
slider {
min-width: 6px;
min-height: 6px;
min-width: 10px;
min-height: 10px;
margin: -1px;
border: 4px solid transparent;
border-radius: 8px;
border-radius: 10px;
background-clip: padding-box;
background-color: $scrollbar_slider_color;
......@@ -2683,12 +2683,12 @@ scrollbar {
&.fine-tune {
slider {
min-width: 4px;
min-height: 4px;
min-width: 6px;
min-height: 6px;
}
&.horizontal slider { border-width: 5px 4px; }
&.vertical slider { border-width: 4px 5px; }
&.horizontal slider { border-width: 6px 4px; }
&.vertical slider { border-width: 4px 6px; }
}
&.overlay-indicator {
......
......@@ -984,7 +984,7 @@ scrollbar.right { border-left: 1px solid #1b1b1b; }
scrollbar:backdrop { background-color: #2d2d2d; border-color: #202020; transition: 200ms ease-out; }
scrollbar slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #a4a4a3; }
scrollbar slider { min-width: 10px; min-height: 10px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #a4a4a3; }
scrollbar slider:hover { background-color: #c9c9c7; }
......@@ -994,11 +994,11 @@ scrollbar slider:backdrop { background-color: #5a5a59; }
scrollbar slider:disabled { background-color: transparent; }
scrollbar.fine-tune slider { min-width: 4px; min-height: 4px; }
scrollbar.fine-tune slider { min-width: 6px; min-height: 6px; }
scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; }
scrollbar.fine-tune.horizontal slider { border-width: 6px 4px; }
scrollbar.fine-tune.vertical slider { border-width: 4px 5px; }
scrollbar.fine-tune.vertical slider { border-width: 4px 6px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
......
......@@ -992,7 +992,7 @@ scrollbar.right { border-left: 1px solid #cdc7c2; }
scrollbar:backdrop { background-color: #efedec; border-color: #d5d0cc; transition: 200ms ease-out; }
scrollbar slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #7e8182; }
scrollbar slider { min-width: 10px; min-height: 10px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #7e8182; }
scrollbar slider:hover { background-color: #565b5c; }
......@@ -1002,11 +1002,11 @@ scrollbar slider:backdrop { background-color: #cecfce; }
scrollbar slider:disabled { background-color: transparent; }
scrollbar.fine-tune slider { min-width: 4px; min-height: 4px; }
scrollbar.fine-tune slider { min-width: 6px; min-height: 6px; }
scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; }
scrollbar.fine-tune.horizontal slider { border-width: 6px 4px; }
scrollbar.fine-tune.vertical slider { border-width: 4px 5px; }
scrollbar.fine-tune.vertical slider { border-width: 4px 6px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment