* Slider min length and code fix.

pull/360/head
Megax 2016-04-19 18:29:47 +02:00
parent 602c4b9008
commit c295ddc279
1 changed files with 9 additions and 12 deletions

View File

@ -4,7 +4,7 @@
@include exports("scrollbar") { @include exports("scrollbar") {
scrollbar { scrollbar {
$_slider_min_length: 20px; $_slider_min_length: 40px;
// disable steppers // disable steppers
@at-root * { @at-root * {
@ -31,8 +31,8 @@
slider { slider {
min-width: 7px; min-width: 7px;
min-height: 7px; min-height: 7px;
margin: -1px; margin: 0;
border: 2px solid transparent; border: 1px solid transparent;
border-radius: $roundness; border-radius: $roundness;
background-clip: padding-box; background-clip: padding-box;
background-color: $scrollbar_slider_color; background-color: $scrollbar_slider_color;
@ -52,14 +52,15 @@
min-height: 7px; min-height: 7px;
} }
&.horizontal slider { border-width: 1px 2px; } &.horizontal slider { border-width: 1px 1px; }
&.vertical slider { border-width: 2px 1px; }
&.vertical slider { border-width: 1px 1px; }
} }
&.overlay-indicator { &.overlay-indicator {
&:not(.dragging):not(.hovering) { &:not(.dragging):not(.hovering) {
border-color: transparent; border-color: transparent;
opacity: 0.4; opacity: .4;
background-color: transparent; background-color: transparent;
slider { slider {
@ -106,12 +107,13 @@
} }
&.dragging, &.dragging,
&.hovering { opacity: 0.8; } &.hovering { opacity: .8; }
} }
&.horizontal slider { min-width: $_slider_min_length; } &.horizontal slider { min-width: $_slider_min_length; }
&.vertical slider { min-height: $_slider_min_length; } &.vertical slider { min-height: $_slider_min_length; }
// button styling // button styling
button { button {
padding: 0; padding: 0;
@ -153,9 +155,4 @@
} }
} }
} }
treeview ~ scrollbar.vertical {
border-top: 1px solid $borders_color;
margin-top: -1px;
}
} }