|
|
@@ -261,8 +261,6 @@
|
|
|
align-items: center;
|
|
|
height: 24px;
|
|
|
margin-right: 5px;
|
|
|
- background-color: @toggle-switch-bg;
|
|
|
- border: 2px solid @toggle-switch-bg;
|
|
|
border-radius: @btn-border-radius-base;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
@@ -281,7 +279,8 @@
|
|
|
overflow: hidden;
|
|
|
|
|
|
span {
|
|
|
- display: block;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
height: 100%;
|
|
|
line-height: 20px; // parent height minus border
|
|
|
width: 100%;
|
|
|
@@ -323,14 +322,13 @@
|
|
|
|
|
|
.toggle-switch {
|
|
|
margin-left: 5px;
|
|
|
- border: 1px solid #cdd0d6;
|
|
|
}
|
|
|
|
|
|
.toggle-switch-label span {
|
|
|
padding: 1px 6px;
|
|
|
background: none;
|
|
|
transition: background 0.12s ease-out;
|
|
|
- border-right: 1px solid #cdd0d6;
|
|
|
+ border-right: 1px solid @ol-blue-gray-2;
|
|
|
}
|
|
|
|
|
|
.toggle-switch-label:first-of-type span {
|
|
|
@@ -342,6 +340,10 @@
|
|
|
border-right: none;
|
|
|
}
|
|
|
|
|
|
+ .toggle-switch-input + .toggle-switch-label {
|
|
|
+ background: @toggle-switch-bg;
|
|
|
+ }
|
|
|
+
|
|
|
.toggle-switch-input:checked + .toggle-switch-label {
|
|
|
background: @toggle-switch-highlight-color;
|
|
|
}
|