kirbylife
/
numix-gtk-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Gtk-3.22][Switches] Make slider to fall in-line with the text

pull/614/merge
Khurshid Alam 2017-02-07 16:06:37 +05:30
parent d2f201b096
commit 23f1543b26
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/gtk-3.20/scss/widgets/_toggle.scss
View File

@ -104,18 +104,22 @@ $suffix: if($variant == "dark", "-dark", "");
@include exports("switch") { @include exports("switch") {
switch { switch {
border-radius: $roundness; min-height: 16px;
padding: $spacing - 2px; padding: $spacing - 2px;
border-radius: $roundness;
border: none; border: none;
outline: none; outline: none;
transition: background-color .3s linear; transition: background-color .3s linear;
min-width: 48px;
min-height: 16px;
background-color: $switch_bg_color; background-color: $switch_bg_color;
color: $switch_fg_color; color: $switch_fg_color;
box-shadow: inset 1px -1px 0 alpha($dark_shadow, .06), inset -1px 1px 0 alpha($dark_shadow, .06); box-shadow: inset 1px -1px 0 alpha($dark_shadow, .06), inset -1px 1px 0 alpha($dark_shadow, .06);
slider { slider {
min-height: 18px;
min-width: 26px;
padding: 0 2px;
background-color: $switch_slider_bg_color; background-color: $switch_slider_bg_color;
transition: all 0.3s ease-in; transition: all 0.3s ease-in;
box-shadow: 0 1px 2px 0 alpha($dark_shadow, .07), 1px 0 2px 0 alpha($dark_shadow, .07); box-shadow: 0 1px 2px 0 alpha($dark_shadow, .07), 1px 0 2px 0 alpha($dark_shadow, .07);