SAK-40323 Library: Restyled the session timeout to stand out better (s…

…akaiproject#6090)
stetsche · Oct 4, 2018 · 240ecfc · 240ecfc
1 parent 71f74bd
commit 240ecfc
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/library/src/morpheus-master/sass/_defaults.scss b/library/src/morpheus-master/sass/_defaults.scss
@@ -47,6 +47,7 @@ $text-color-disabled:		 #767676 !default;
 $body-background-color: #FAFAFA !default;
 
 $portal-background-color: $background-color !default;
+$portal-mask-background:  rgba(0,0,0,0.5) !default;
 
 /* Tool tabs */
 $tool-background-color:		 $background-color !default;
@@ -212,7 +213,6 @@ $sites-nav-submenu-item-hover-icon-color:   #424242 !default;
 $sites-nav-submenu-item-hover-left-border-color: #7F7F7F !default;
 
 /* All Sites menu */
-$all-sites-mask-background:                               rgba(255,255,255,.8) !default;
 $all-sites-background-color:                              #FFFFFF !default;
 $all-sites-drop-shadow:                                   5px 0 50px 0px rgba(0,0,0,0.5) !default;
 $all-sites-tab-text-color:                                $tool-menu-color !default;

diff --git a/library/src/morpheus-master/sass/modules/access/_base.scss b/library/src/morpheus-master/sass/modules/access/_base.scss
@@ -120,7 +120,7 @@
 }
 
 #loginPortalMask{
-	background: rgba(0,0,0,0.5);
+	background: $portal-mask-background;
 	position: fixed;
 	height: 100%;
 	width:  100%;

diff --git a/library/src/morpheus-master/sass/modules/more-sites/_base.scss b/library/src/morpheus-master/sass/modules/more-sites/_base.scss
@@ -44,7 +44,7 @@ body.active-more-sites{
 }
 
 #portalMask{
-	background: $all-sites-mask-background;
+	background: $portal-mask-background;
 	position: fixed;
 }
 

diff --git a/library/src/morpheus-master/sass/modules/timeout-alert/_base.scss b/library/src/morpheus-master/sass/modules/timeout-alert/_base.scss
@@ -7,13 +7,13 @@
 	left: 50%;
 	width: 50%;
 	padding: 2em;
-	font-size: 1.2em;
 	text-align: center;
 	@include transform( translate(-50%,-50%) ); /* perfect centering */
+	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
+
 	@media #{$phone}
 	{
 		padding: 1em;
 		width: calc(100% - 2em);
-		font-size: 1.05em;
 	}
 }