Fixed gtk4 switch slider borders
This commit is contained in:
parent
0a9c7a2af8
commit
41d14f28dc
|
@ -914,7 +914,7 @@ switch:checked { color: #000000; background-color: #b0dd7e; }
|
|||
|
||||
switch:disabled { color: #552222; border-color: #797979; background-color: #938989; text-shadow: none; }
|
||||
|
||||
switch > slider { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||
switch > slider { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); margin: -1px; min-width: 24px; min-height: 24px; border-width: 1px; border-style: solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||
|
||||
switch > image { color: transparent; }
|
||||
|
||||
|
|
|
@ -2379,7 +2379,8 @@ switch {
|
|||
margin: -1px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
border: 1px solid;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
//border-color: $borders_color;
|
||||
border-radius: 50%;
|
||||
transition: $button_transition;
|
||||
|
|
|
@ -914,7 +914,7 @@ switch:checked { color: #000000; background-color: #b0dd7e; }
|
|||
|
||||
switch:disabled { color: #552222; border-color: #797979; background-color: #938989; text-shadow: none; }
|
||||
|
||||
switch > slider { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||
switch > slider { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); margin: -1px; min-width: 24px; min-height: 24px; border-width: 1px; border-style: solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||
|
||||
switch > image { color: transparent; }
|
||||
|
||||
|
|
Loading…
Reference in New Issue