Commit a16e5643 authored by Oliver Bartsch's avatar Oliver Bartsch Committed by Benni Mack
Browse files

[BUGFIX] Do not show disabled checkbox

Revert a style change, added in #95325, which
led to disabled checkboxes are being shown, while
only their label should be visible. Those checkbox
classes hide the actual checkbox, while the label
acts as one. This allows extended styling, e.g.
"icon checkboxes" or "toggle checkboxes".

Instead add the disabled style to the correct
checkbox component, which is acutally using the
checkbox element and no label.

Resolves: #95325
Releases: master
Change-Id: I0842c184e629a3c4327c18db92affde58c32924d

Tested-by: core-ci's avatarcore-ci <>
Tested-by: Wouter Wolters's avatarWouter Wolters <>
Tested-by: Benni Mack's avatarBenni Mack <>
Reviewed-by: Wouter Wolters's avatarWouter Wolters <>
Reviewed-by: Benni Mack's avatarBenni Mack <>
parent 1324f835
......@@ -52,7 +52,6 @@ $checkbox-focus-border: 1px solid rgba(0, 0, 0, 0.45);
// Disabled
.form-check {
.form-check-input:disabled + .form-check-label {
opacity: 0.5;
......@@ -552,6 +552,10 @@ $form-toggle-checked-bg-image: url("data:image/svg+xml, <svg xmlns='http://www.w
background-image: escape-svg($form-toggle-checked-bg-image);
background-color: $form-toggle-checked-color;
&:disabled {
opacity: 0.5;
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment