Merge cf8f4a81db
into 05b3800d68
commit
00b2d877f6
gtk-3.20/scss/widgets
|
@ -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: -2px;
|
margin: 0;
|
||||||
border: 4px 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;
|
||||||
|
@ -53,26 +53,27 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.horizontal slider { border-width: 1px; }
|
&.horizontal slider { border-width: 1px; }
|
||||||
|
|
||||||
&.vertical slider { border-width: 1px; }
|
&.vertical slider { border-width: 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 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
min-width: 5px;
|
min-width: 4px;
|
||||||
min-height: 5px;
|
min-height: 4px;
|
||||||
background-color: $fg_color;
|
background-color: $fg_color;
|
||||||
border: 1px solid if($variant == 'light', white, black);
|
border: 1px solid if($variant == 'light', white, black);
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
min-width: 5px;
|
min-width: 4px;
|
||||||
min-height: 5px;
|
min-height: 4px;
|
||||||
background-color: $fg_color;
|
background-color: $fg_color;
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
border-radius: $roundness;
|
border-radius: $roundness;
|
||||||
|
@ -82,7 +83,7 @@
|
||||||
|
|
||||||
&.horizontal {
|
&.horizontal {
|
||||||
slider {
|
slider {
|
||||||
margin: 0 2px;
|
margin: 0;
|
||||||
min-width: $_slider_min_length;
|
min-width: $_slider_min_length;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -94,7 +95,7 @@
|
||||||
|
|
||||||
&.vertical {
|
&.vertical {
|
||||||
slider {
|
slider {
|
||||||
margin: 2px 0;
|
margin: 0;
|
||||||
min-height: $_slider_min_length;
|
min-height: $_slider_min_length;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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