CSS: Add distinct style for disabled .toggle-sliders

Icinga · Jul 23, 2024 · d06d716 · d06d716
1 parent bedbe52
commit d06d716
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/public/css/icinga/forms.less b/public/css/icinga/forms.less
@@ -413,6 +413,18 @@ form.inline {
   border-color: @icinga-blue;
 }
 
+.icinga-controls input[type="checkbox"]:disabled + .toggle-switch .toggle-slider {
+  opacity: .5;
+}
+
+.icinga-controls input[type="checkbox"]:disabled:not(:checked) + .toggle-switch .toggle-slider {
+   background: @gray-light
+}
+
+.icinga-controls input[type="checkbox"]:disabled + .toggle-switch .toggle-slider:before {
+  background: @gray-lighter
+}
+
 .icinga-controls input[type="checkbox"]:focus + .toggle-switch .toggle-slider {
   box-shadow: 0 0 0 2px @body-bg-color, 0 0 0 4px @icinga-blue-light;
 }