diff options
author | Jakub Steiner <jimmac@gmail.com> | 2019-05-14 15:30:55 +0200 |
---|---|---|
committer | Jakub Steiner <jimmac@gmail.com> | 2019-05-15 12:36:05 +0200 |
commit | bd4e8001481668a9a9d7d1a87ad4c5040073d5b6 (patch) | |
tree | 32946a4d4ffa21d8e21f85fff7c6b327e29af4f1 | |
parent | be271db028a19bb572a80ea15244c67231e20980 (diff) | |
download | gtk+-wip/jimmac/larger-scrollbars.tar.gz |
Adwaita: make scrollbars largerwip/jimmac/larger-scrollbars
when not showing overlay indicators, but expanded controls, use a bit
larger size.
fixes https://gitlab.gnome.org/GNOME/gtk/issues/1886
-rw-r--r-- | gtk/theme/Adwaita/_common.scss | 14 | ||||
-rw-r--r-- | gtk/theme/Adwaita/gtk-contained-dark.css | 8 | ||||
-rw-r--r-- | gtk/theme/Adwaita/gtk-contained.css | 8 |
3 files changed, 15 insertions, 15 deletions
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss index 6dc2bcb7af..9372b28886 100644 --- a/gtk/theme/Adwaita/_common.scss +++ b/gtk/theme/Adwaita/_common.scss @@ -2611,11 +2611,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; @@ -2630,12 +2630,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 { diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css index d1f1a905bb..40ac9f68b9 100644 --- a/gtk/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/theme/Adwaita/gtk-contained-dark.css @@ -1030,7 +1030,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; } @@ -1040,11 +1040,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; } diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css index 29cf20af36..d877ec4880 100644 --- a/gtk/theme/Adwaita/gtk-contained.css +++ b/gtk/theme/Adwaita/gtk-contained.css @@ -1038,7 +1038,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; } @@ -1048,11 +1048,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; } |