Add semi-transparent background for wait component

#545
blackbaud · Apr 11, 2017 · 29b70a5 · 29b70a5
1 parent f3a7009
commit 29b70a5
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 11 deletions.
diff --git a/src/app/components/wait/wait-demo.component.html b/src/app/components/wait/wait-demo.component.html
@@ -2,20 +2,11 @@
 
 
 <div style="height: 200px; width: 200px; margin-top: 10px;">
-
+  A large area that can be waited with the <code>sky-wait</code> directive.
   <sky-wait [isWaiting]="isWaiting">
   </sky-wait>
-
-  <div>
-    <p style="position:absolute; background-color: red">
-    A large area that can be waited with the <code>sky-wait</code> directive.
-    </p>
-  </div>
-
 </div>
 
 <button type="button" class="sky-btn sky-btn-primary" (click)="showPageWait(true)">Show page wait</button>
 
 <button type="button" class="sky-btn sky-btn-primary" (click)="showPageWait(false)">Show non-blocking page wait</button>
-
-
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
@@ -180,7 +180,7 @@ $sky-toolbar-min-height: 49px;
 
 // begin wait
 $sky-wait-color: $sky-color-blue !default;
-$sky-wait-mask-color: $sky-color-white !default;
+$sky-wait-mask-color: rgba(255, 255, 255, 0.7) !default;
 $sky-page-wait-z-index: 2000 !default;
 // end wait