diff --git a/gtk-3.20/scss/widgets/_scrollbar.scss b/gtk-3.20/scss/widgets/_scrollbar.scss index 2658546..66c1c67 100644 --- a/gtk-3.20/scss/widgets/_scrollbar.scss +++ b/gtk-3.20/scss/widgets/_scrollbar.scss @@ -4,7 +4,7 @@ @include exports("scrollbar") { scrollbar { - $_slider_min_length: 20px; + $_slider_min_length: 40px; // disable steppers @at-root * { @@ -31,8 +31,8 @@ slider { min-width: 7px; min-height: 7px; - margin: -2px; - border: 4px solid transparent; + margin: 0; + border: 1px solid transparent; border-radius: $roundness; background-clip: padding-box; background-color: $scrollbar_slider_color; @@ -53,26 +53,27 @@ } &.horizontal slider { border-width: 1px; } + &.vertical slider { border-width: 1px; } } &.overlay-indicator { &:not(.dragging):not(.hovering) { border-color: transparent; - opacity: 0.4; + opacity: .4; background-color: transparent; slider { margin: 0; - min-width: 5px; - min-height: 5px; + min-width: 4px; + min-height: 4px; background-color: $fg_color; border: 1px solid if($variant == 'light', white, black); } button { - min-width: 5px; - min-height: 5px; + min-width: 4px; + min-height: 4px; background-color: $fg_color; background-clip: padding-box; border-radius: $roundness; @@ -82,7 +83,7 @@ &.horizontal { slider { - margin: 0 2px; + margin: 0; min-width: $_slider_min_length; } @@ -94,7 +95,7 @@ &.vertical { slider { - margin: 2px 0; + margin: 0; min-height: $_slider_min_length; } @@ -106,12 +107,13 @@ } &.dragging, - &.hovering { opacity: 0.8; } + &.hovering { opacity: .8; } } &.horizontal slider { min-width: $_slider_min_length; } &.vertical slider { min-height: $_slider_min_length; } + // button styling button { padding: 0; @@ -153,9 +155,4 @@ } } } - - treeview ~ scrollbar.vertical { - border-top: 1px solid $borders_color; - margin-top: -1px; - } }