From 29b70a501caea71b43a2d409d6fdd81f7eabbaac Mon Sep 17 00:00:00 2001
From: Blackbaud-PatrickOFriel <patrick.ofriel@blackbaud.com>
Date: Tue, 11 Apr 2017 09:47:20 -0400
Subject: [PATCH] Add semi-transparent background for wait component

#545
---
 src/app/components/wait/wait-demo.component.html | 11 +----------
 src/scss/_variables.scss                         |  2 +-
 2 files changed, 2 insertions(+), 11 deletions(-)

diff --git a/src/app/components/wait/wait-demo.component.html b/src/app/components/wait/wait-demo.component.html
index 392d5808f..39fd44fc1 100644
--- 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
index ac169e7d4..2574bd92f 100644
--- 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