mirror of
https://github.com/plexguide/Huntarr.io.git
synced 2026-01-13 08:18:58 -05:00
40 lines
1.0 KiB
CSS
40 lines
1.0 KiB
CSS
/* Fix for oversized toggle buttons in additional instances */
|
|
.toggle-slider,
|
|
.toggle-button,
|
|
input[type="checkbox"] + .slider,
|
|
.toggle-switch,
|
|
.switch {
|
|
/* Standard button size based on first instance */
|
|
width: 40px !important;
|
|
height: 20px !important;
|
|
max-width: 40px !important;
|
|
max-height: 20px !important;
|
|
min-width: 40px !important;
|
|
min-height: 20px !important;
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
/* Handle the slider knob/circle size */
|
|
.toggle-slider:before,
|
|
.toggle-button:before,
|
|
input[type="checkbox"] + .slider:before,
|
|
.toggle-switch:before,
|
|
.switch:before {
|
|
height: 16px !important;
|
|
width: 16px !important;
|
|
max-width: 16px !important;
|
|
max-height: 16px !important;
|
|
/* Adjust position to ensure centered */
|
|
top: 2px !important;
|
|
left: 2px !important;
|
|
}
|
|
|
|
/* Adjust position of slider knob when checked/enabled */
|
|
input:checked + .toggle-slider:before,
|
|
input:checked + .toggle-button:before,
|
|
input:checked + .slider:before,
|
|
.toggle-switch.active:before,
|
|
.switch.active:before {
|
|
transform: translateX(20px) !important;
|
|
}
|