transition on opacity

big-data-europe · Sep 1, 2017 · c60f4da · c60f4da
1 parent d45a0a4
commit c60f4da
Showing 1 changed file with 11 additions and 18 deletions.
diff --git a/app/styles/app.scss b/app/styles/app.scss
@@ -32,25 +32,18 @@ nav {
 
   .iframe-view {
     position: relative;
-    width: 0%;
-    heigth: 0%;
-    margin-bottom: 0;
     border: none;
-    opacity: 0;
-    left: 100%;
-    @include transition(left 1.0s ease-in-out);
-
-    // &.right {
-    //   left: -100%;
-    // }
-
-
-    &.active {
-      margin-bottom: -4px;
-      opacity: 1;
-      left: 0;
-      width: 100%;
-      height: 100%;
+    margin-bottom: -4px;
+    opacity: 1;
+    width: 100%;
+    height: 100%;
+    @include transition(opacity 0.75s ease-in-out);
+
+    &.hidden {
+      width: 0%;
+      heigth: 0%;
+      margin-bottom: 0;
+      opacity: 0;
     }
 
     iframe {