From e67efc027e594b2dd874b2722edf34425cd1737b Mon Sep 17 00:00:00 2001
From: Haydon Curteis-Lateo <haydon1900@gmail.com>
Date: Fri, 4 Oct 2019 11:22:26 +0100
Subject: [PATCH] Revert "Original fade in transitions, PR now made into dev."

This reverts commit 1397e0bebc4428304c615ecea3ae9200f6dbd6e4.
---
 layouts/default.vue | 29 -----------------------------
 pages/_category.vue | 25 +++++++------------------
 2 files changed, 7 insertions(+), 47 deletions(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index 463418e..52175e3 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -99,35 +99,6 @@ h1 {
   grid-gap: 1rem;
 }
 
-// Fade in title and cards and rows
-.fade-title {
-  &-enter {
-    opacity: 0;
-
-    &-to {
-      opacity: 1;
-    }
-
-    &-active {
-       transition: opacity .1s ease-in-out;
-    }
-  }
-}
-
-.fade-card {
-  &-enter {
-    opacity: 0;
-
-    &-to {
-      opacity: 1;
-    }
-
-    &-active {
-       transition: opacity .1s ease-in-out;
-    }
-  }
-}
-
 
 @media (max-width: 400px) {
   .layout {
diff --git a/pages/_category.vue b/pages/_category.vue
index 9f505e0..770e2b4 100644
--- a/pages/_category.vue
+++ b/pages/_category.vue
@@ -1,15 +1,12 @@
 <template lang="pug">
   div
-    transition(name="fade-title" @after-enter="afterEnter")
-      h1(v-if="showTitle") {{ category.title }}
-    transition(name="fade-card")
-      .cards(v-if="areCardsVisible && showCards")
-        template(v-for='resource in category.resources' )
-          Card(:resource='resource' :key='resource.title' :createCopyUrl="createCopyUrl" :isActive='activeCard === resource.cleanTitle')
-    transition(name="fade-card")
-      table(v-if="!areCardsVisible && showCards")
-        template(v-for='resource in category.resources' )
-          TableRow(:resource='resource' :key='resource.title' :createCopyUrl="createCopyUrl" :isActive='activeCard === resource.cleanTitle')
+    h1 {{ category.title }}
+    .cards(v-if="areCardsVisible")
+      template(v-for='resource in category.resources' )
+        Card(:resource='resource' :key='resource.title' :createCopyUrl="createCopyUrl" :isActive='activeCard === resource.cleanTitle')
+    table(v-if="!areCardsVisible")
+      template(v-for='resource in category.resources' )
+        TableRow(:resource='resource' :key='resource.title' :createCopyUrl="createCopyUrl" :isActive='activeCard === resource.cleanTitle')
 </template>
 
 <script>
@@ -22,8 +19,6 @@ export default {
       categoryRouteTitle: this.$route.params.category,
       index: '',
       activeCard: '',
-      showTitle: false,
-      showCards: false,
     };
   },
   computed: {
@@ -47,14 +42,8 @@ export default {
       } catch (e) {
         console.error(e);
       }
-    },
-    afterEnter(el) {
-      this.showCards = true;
     }
   },
-  mounted() {
-    this.showTitle = true;
-  },
   created() {
     this.activeCard = this.$route.query.card || ''
   },