Fix stylelint warnings for toggle.scss

4a4bcb15 · Tom Quirk · 07e28909 · 4a4bcb15
Commit 4a4bcb15 authored Aug 04, 2020 by Tom Quirk
Hide whitespace changes
Inline Side-by-side

Showing with 10 additions and 19 deletions

app/assets/stylesheets/framework/toggle.scss app/assets/stylesheets/framework/toggle.scss +10 -19

No files found.
--- a/app/assets/stylesheets/framework/toggle.scss
+++ b/app/assets/stylesheets/framework/toggle.scss
@@ -63,14 +63,6 @@
    .toggle-icon-svg {
      fill: $gl-gray-400;
    }
-    .toggle-status-checked {
-      display: none;
-    }
-    .toggle-status-unchecked {
-      display: inline;
-    }
  }
  .loading-icon {
@@ -84,10 +76,6 @@
  }
  &.is-loading {
-    .toggle-icon {
-      display: none;
-    }
    .loading-icon {
      display: block;
@@ -109,15 +97,18 @@
      .toggle-icon-svg {
        fill: $feature-toggle-color-enabled;
      }
+    }
+  }
-      .toggle-status-checked {
+  &.is-checked .toggle-icon .toggle-status-checked,
-        display: inline;
+  .toggle-icon .toggle-status-unchecked {
-      }
+    display: inline;
+  }
-      .toggle-status-unchecked {
+  &.is-checked .toggle-icon .toggle-status-unchecked,
-        display: none;
+  &.is-loading .toggle-icon,
-      }
+  .toggle-icon .toggle-status-checked {
-    }
+    display: none;
  }
  &.is-disabled {