switch fix

This commit is contained in:
Maxim Devaev
2022-09-03 14:03:04 +03:00
parent f0c2ff3a96
commit 4b75221e94

View File

@@ -28,8 +28,8 @@ div.switch-box {
vertical-align: middle; vertical-align: middle;
position: relative; position: relative;
width: 50px; width: 50px;
margin-top: 3px; margin-top: 2px;
margin-bottom: 3px; margin-bottom: 2px;
} }
div.switch-box input[type=checkbox] { div.switch-box input[type=checkbox] {
@@ -41,7 +41,7 @@ div.switch-box label {
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
border: none; border: none;
border-radius: 15px; border-radius: 13px;
} }
div.switch-box label span.switch-inner { div.switch-box label span.switch-inner {
@@ -55,9 +55,9 @@ div.switch-box label span.switch-inner:after {
display: block; display: block;
float: left; float: left;
width: 50%; width: 50%;
height: 20px; height: 17px;
padding: 0; padding: 0;
line-height: 22px; line-height: 18px;
font-size: 10px; font-size: 10px;
font-family: sans-serif !important; font-family: sans-serif !important;
font-weight: bold; font-weight: bold;
@@ -91,14 +91,14 @@ div.switch-box label span.switch-inner:after {
div.switch-box label span.switch { div.switch-box label span.switch {
display: block; display: block;
width: 15px; width: 13px;
margin: 0px; margin: 0px;
background: var(--cs-thumb-default-bg); background: var(--cs-thumb-default-bg);
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
border: var(--border-intensive-2px); border: var(--border-intensive-2px);
border-radius: 15px; border-radius: 13px;
} }
div.switch-box input[type=checkbox]:checked + label span.switch-inner { div.switch-box input[type=checkbox]:checked + label span.switch-inner {