GTK3: Fix border-color for the slider of the switch when it's disabled

This commit is contained in:
Daniel Ruiz de Alegría
2020-09-27 11:30:59 +02:00
parent 39e806aa3f
commit d985e50e2b
4 changed files with 64 additions and 58 deletions
@@ -57,37 +57,40 @@ switch {
box-shadow: inset 0 1px 2px -1px transparentize(black, if($variant=='light', .8, .4));
slider {
@include button(normal-alt, $edge: $shadow_color);
border: 1px solid $_slider_border_color;
border-radius: 50%;
transition-property: background, border, box-shadow;
}
&:hover slider {
@extend %slider_active;
border-color: $suggested_bg_color;
}
&:checked {
border-color: transparentize(black, .8);
border-right-width: 0; // Hack to prevent dirty right border-radius
margin-right: 1px; // Compensate missing right border
box-shadow: inset 0 1px 2px -1px transparentize(black, .4);
slider {
border-color: if($variant=='light', $suggested_border_color, $_slider_border_color);
}
}
&:backdrop, &:disabled {
box-shadow: none;
border-color: $backdrop_borders_color;
}
slider { border-color: $backdrop_borders_color; }
slider {
@include button(normal-alt, $edge: $shadow_color);
&:checked slider {
border-color: if($variant=='light', $suggested_bg_color, $backdrop_borders_color);
border: 1px solid $_slider_border_color;
border-radius: 50%;
transition-property: background, border, box-shadow;
&:checked {
border-color: if($variant=='light', $suggested_border_color, $_slider_border_color);
&:backdrop:not(:disabled) {
border-color: if($variant=='light', $suggested_bg_color, $backdrop_borders_color);
}
}
&:disabled {
border-color: $backdrop_borders_color;
}
}
&:hover slider {
@extend %slider_active;
border-color: $suggested_bg_color;
}
}