Add disabled styles for checked checkbox (#12422)

public/sass/components/_switch.scss

@@ -64,8 +64,8 @@
   }
   }
 
 
   input + label::before {
   input + label::before {
-    font-family: "FontAwesome";
-    content: "\f096"; // square-o
+    font-family: 'FontAwesome';
+    content: '\f096'; // square-o
     color: $text-color-weak;
     color: $text-color-weak;
     transition: transform 0.4s;
     transition: transform 0.4s;
     backface-visibility: hidden;
     backface-visibility: hidden;
@@ -73,11 +73,11 @@
   }
   }
 
 
   input + label::after {
   input + label::after {
-    content: "\f046"; // check-square-o
+    content: '\f046'; // check-square-o
     color: $orange;
     color: $orange;
     text-shadow: $text-shadow-strong;
     text-shadow: $text-shadow-strong;
 
 
-    font-family: "FontAwesome";
+    font-family: 'FontAwesome';
     transition: transform 0.4s;
     transition: transform 0.4s;
     transform: rotateY(180deg);
     transform: rotateY(180deg);
     backface-visibility: hidden;
     backface-visibility: hidden;
@@ -154,7 +154,8 @@ gf-form-switch[disabled] {
   .gf-form-switch input + label {
   .gf-form-switch input + label {
     cursor: default;
     cursor: default;
     pointer-events: none !important;
     pointer-events: none !important;
-    &::before {
+    &::before,
+    &::after {
       color: $text-color-faint;
       color: $text-color-faint;
       text-shadow: none;
       text-shadow: none;
     }
     }