commit c562618de9407bbffbcb6c523b40834b9a10d259
author Michael Davis <michael.s.davis@ibm.com> Fri Mar 10 15:48:05 2017 -0600
committer Patrick Williams <patrick@stwcx.xyz> Wed Sep 20 12:41:10 2017 -0500
tree ca870ba8ed3ad8985f111f443946d375ed936191
parent 29825e49ea2e618dd2423aaf2ade10e87c851b34

power-operations: add indeterminate status bar

Change-Id: I400aa855e4e9dd6b00f665083a7ba0fa4843825d
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>

src/scss/elements/_inline-confirm.scss

diff --git a/src/scss/elements/_inline-confirm.scss b/src/scss/elements/_inline-confirm.scss
index 863b606..cb4c7e3 100644
--- a/src/scss/elements/_inline-confirm.scss
+++ b/src/scss/elements/_inline-confirm.scss
@@ -3,8 +3,9 @@
 .inline__confirm {
   position: absolute;
   top: 0;
-  transform: translateY(-100%);
+  transform: translateY(-103%);
   width: 100%;
+  height: 100%;
   margin-left: -1.8em;
   z-index: 5;
   background: $darkbg__primary;
@@ -44,7 +45,7 @@
 // Power confirmation message icon
 .inline__confirm-message i::before {
   content: '\26A0';
-  color: $white;
+  color: $status-warn;
   display: inline-block;
   font-size: 2em;
   vertical-align: middle;

src/scss/elements/_toggle-switch.scss

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;