* Slider min length and code fix.
parent
602c4b9008
commit
c295ddc279
|
@ -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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue