fix(overlay): hide overlay completely if inactive

w11k · Feb 19, 2015 · c628cc9 · c628cc9
1 parent df76b35
commit c628cc9
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/src/slides/_screen.scss b/src/slides/_screen.scss
@@ -6,23 +6,23 @@
     max-width: 99.9999999%;
 
     > div.overlay {
-      display: block;
       position: absolute;
       top: 0;
       bottom: 0;
       left: 0;
       right: 0;
       background-color: black;
-      z-index: 20;
+      z-index: -1;
       -webkit-opacity: 0;
       -moz-opacity: 0;
       opacity: 0;
-      -webkit-transition: opacity 0.5s ease;
-      -moz-transition: opacity 0.5s ease;
-      transition: opacity 0.5s ease;
+      -webkit-transition: all 0.3s ease;
+      -moz-transition: all 0.3s ease;
+      transition: all 0.3s ease;
     }
 
     > div.overlay.active {
+      z-index: 9999;
       -webkit-opacity: 1;
       -moz-opacity: 1;
       opacity: 1;

diff --git a/src/slides/screen.less b/src/slides/screen.less
@@ -6,23 +6,23 @@
     max-width: 99.9999999%;
 
     > div.overlay {
-      display: block;
       position: absolute;
       top: 0;
       bottom: 0;
       left: 0;
       right: 0;
       background-color: black;
-      z-index: 20;
+      z-index: -1;
       -webkit-opacity: 0;
       -moz-opacity: 0;
       opacity: 0;
-      -webkit-transition: opacity 0.5s ease;
-      -moz-transition: opacity 0.5s ease;
-      transition: opacity 0.5s ease;
+      -webkit-transition: all 0.3s ease;
+      -moz-transition: all 0.3s ease;
+      transition: all 0.3s ease;
     }
 
     > div.overlay.active {
+      z-index: 9999;
       -webkit-opacity: 1;
       -moz-opacity: 1;
       opacity: 1;