From 6fad01339cb3f8514429d03869a9c8ff2a343b02 Mon Sep 17 00:00:00 2001
From: Roger Braun <roger@rogerbraun.net>
Date: Mon, 28 Nov 2016 14:35:21 +0100
Subject: [PATCH] Add some cheap transition anymation.

---
 src/App.scss | 7 +++++++
 src/App.vue  | 4 +++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/App.scss b/src/App.scss
index 47886e31..d96cecd7 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -263,3 +263,10 @@ attention {
 nav {
     z-index: 1000;
 }
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity .2s
+}
+.fade-enter, .fade-leave-active {
+  opacity: 0
+}
diff --git a/src/App.vue b/src/App.vue
index dd05c569..e46419e0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -11,7 +11,9 @@
         <nav-panel></nav-panel>
         <notifications v-if="currentUser"></notifications>
       </sidebar>
-      <router-view></router-view>
+      <transition name="fade">
+        <router-view></router-view>
+      </transition>
     </div>
   </div>
 </template>