power-operations: add indeterminate status bar
Change-Id: I400aa855e4e9dd6b00f665083a7ba0fa4843825d
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/src/scss/elements/_toggle-switch.scss b/src/scss/elements/_toggle-switch.scss
index 6ea5054..88b1def 100644
--- a/src/scss/elements/_toggle-switch.scss
+++ b/src/scss/elements/_toggle-switch.scss
@@ -8,7 +8,6 @@
@mixin borderRadius {
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
- -ms-border-radius: 60px;
border-radius: 60px;
}
@@ -19,6 +18,7 @@
width: 1px;
opacity: 0;
}
+
.toggle-switch + label {
display: block;
position: relative;
@@ -30,6 +30,11 @@
user-select: none;
}
+.toggle label {
+ text-indent: -9999px;
+ transform: translateY(-50%); // keeps switch centered
+}
+
input.toggle-switch__round-flat + label {
padding: 2px;
width: 50px;