Files
Huntarr/frontend/static/css/toggle-fix.css

32 lines
789 B
CSS

/* Fix for oversized toggle buttons in additional instances */
.toggle-slider,
.toggle-button,
input[type="checkbox"] + .slider,
.switch {
width: 40px !important;
height: 20px !important;
max-width: 40px !important;
max-height: 20px !important;
border-radius: 10px !important;
}
/* Fix the slider circle/knob size */
.toggle-slider:before,
.toggle-button:before,
input[type="checkbox"] + .slider:before,
.switch:before {
width: 16px !important;
height: 16px !important;
top: 2px !important;
left: 2px !important;
border-radius: 50% !important;
}
/* Fix the position when toggled/active */
input:checked + .toggle-slider:before,
input:checked + .toggle-button:before,
input:checked + .slider:before,
.switch.active:before {
transform: translateX(20px) !important;
}