From c60f4da32dfcba29c90fb7064e22f2673e032696 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?N=C3=B3ra=20Szepes?= <nora.szepes@tenforce.com>
Date: Fri, 1 Sep 2017 16:24:04 +0200
Subject: [PATCH] transition on opacity

---
 app/styles/app.scss | 29 +++++++++++------------------
 1 file changed, 11 insertions(+), 18 deletions(-)

diff --git a/app/styles/app.scss b/app/styles/app.scss
index e6875b5..9324472 100644
--- 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 {