Skip to content

Commit 23f1543

Browse files
committed
[Gtk-3.22][Switches] Make slider to fall in-line with the text
1 parent d2f201b commit 23f1543

1 file changed

Lines changed: 7 additions & 3 deletions

File tree

src/gtk-3.20/scss/widgets/_toggle.scss

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -104,18 +104,22 @@ $suffix: if($variant == "dark", "-dark", "");
104104

105105
@include exports("switch") {
106106
switch {
107-
border-radius: $roundness;
107+
min-height: 16px;
108108
padding: $spacing - 2px;
109+
border-radius: $roundness;
109110
border: none;
110111
outline: none;
111112
transition: background-color .3s linear;
112-
min-width: 48px;
113-
min-height: 16px;
113+
114114
background-color: $switch_bg_color;
115115
color: $switch_fg_color;
116116
box-shadow: inset 1px -1px 0 alpha($dark_shadow, .06), inset -1px 1px 0 alpha($dark_shadow, .06);
117117

118118
slider {
119+
min-height: 18px;
120+
min-width: 26px;
121+
padding: 0 2px;
122+
119123
background-color: $switch_slider_bg_color;
120124
transition: all 0.3s ease-in;
121125
box-shadow: 0 1px 2px 0 alpha($dark_shadow, .07), 1px 0 2px 0 alpha($dark_shadow, .07);

0 commit comments

Comments
 (0)