[BUGFIX] Hide inactive checkbox labeled toggle state

Resolves: #94942
Releases: master, 10.4
Change-Id: I59685f499f9a86e266b6b012a88e80bdef4d3c3b
Reviewed-on: https://review.typo3.org/c/Packages/TYPO3.CMS/+/70685


Tested-by: Jochen <rothjochen@gmail.com>
Tested-by: core-ci <typo3@b13.com>
Tested-by: Daniel Goerz <daniel.goerz@posteo.de>
Tested-by: Oliver Bartsch <bo@cedev.de>
Reviewed-by: Jochen <rothjochen@gmail.com>
Reviewed-by: Daniel Goerz <daniel.goerz@posteo.de>
Reviewed-by: Oliver Bartsch <bo@cedev.de>

Build/Sources/Sass/component/_checkbox.scss

@@ -144,10 +144,12 @@ $checkbox-focus-border: 1px solid rgba(0, 0, 0, 0.45);
 
     .form-check-label-switch-checked {
         order: 2;
+        display: none;
     }
 
     .form-check-label-switch-unchecked {
         order: 1;
+        display: block;
     }
 
     .form-check-input:checked + .form-check-label {
@@ -156,10 +158,12 @@ $checkbox-focus-border: 1px solid rgba(0, 0, 0, 0.45);
 
             .form-check-label-switch-checked {
                 order: 1;
+                display: block;
             }
 
             .form-check-label-switch-unchecked {
                 order: 2;
+                display: none;
             }
         }
     }