Fix animations

jolzee · Feb 20, 2020 · dfe92ca · dfe92ca
1 parent 1c458b9
commit dfe92ca
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 20 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -39,8 +39,8 @@
       <!-- <AssistiveText ref="assistiveText" v-model="accessibleAnouncement"></AssistiveText> -->
       <transition
         name="system-bar-transition"
-        enter-active-class="animated fadeInRightBig"
-        leave-active-class="animated fadeOutRightBig"
+        enter-active-class="fadeInRightBig"
+        leave-active-class="fadeOutRightBig"
       >
         <v-system-bar
           window
@@ -89,8 +89,8 @@
         <!-- start menu -->
         <transition
           name="menu-transition"
-          enter-active-class="animated slideInRight"
-          leave-active-class="animated slideOutRight"
+          enter-active-class="slideInRight"
+          leave-active-class="slideOutRight"
         >
           <v-navigation-drawer
             app
@@ -1136,7 +1136,7 @@ export default {
 }
 
 .leopard-open-close-button.v-btn--fab:hover {
-  color: rgba(12, 161, 22, 0.552) !important;
+  color: rgb(25, 233, 39) !important;
 }
 
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

diff --git a/src/components/ConfigAddEditSolution.vue b/src/components/ConfigAddEditSolution.vue
@@ -297,8 +297,8 @@
                 <v-row align="center" justify="center" style=" height: 300px;min-height: 300px;">
                   <transition
                     name="leoaprd-transition"
-                    :enter-active-class="'animated ' + solution.animations.in"
-                    :leave-active-class="'animated ' + solution.animations.out"
+                    :enter-active-class="solution.animations.in"
+                    :leave-active-class="solution.animations.out"
                   >
                     <v-img
                       v-if="showLeopardAnimationImage"

diff --git a/src/components/Dialog.vue b/src/components/Dialog.vue
@@ -1,8 +1,8 @@
 <template>
   <transition
     name="leopard-dialog-transition"
-    enter-active-class="animated flipInY"
-    leave-active-class="animated fadeOutRightBig"
+    enter-active-class="flipInY"
+    leave-active-class="fadeOutRightBig"
   >
     <v-dialog
       v-show="show"
@@ -26,8 +26,7 @@
               type="info"
               elevation="2"
               @click="overlay = false"
-              >"Welcome to my dialog!!"</v-alert
-            >
+            >"Welcome to my dialog!!"</v-alert>
           </v-overlay>
         </v-fade-transition>
         <v-system-bar
@@ -48,12 +47,9 @@
             tag="button"
             :aria-label="fullscreen ? 'Restore dialog size' : 'Maximize dialog'"
             @click="toggleFullscreen"
-            >{{ fullscreen ? "mdi-window-restore" : "mdi-window-maximize" }}</v-icon
-          >
+          >{{ fullscreen ? "mdi-window-restore" : "mdi-window-maximize" }}</v-icon>
 
-          <v-icon tag="button" aria-label="Close dialog" tabindex="0" @click="close"
-            >mdi-close</v-icon
-          >
+          <v-icon tag="button" aria-label="Close dialog" tabindex="0" @click="close">mdi-close</v-icon>
         </v-system-bar>
 
         <v-app-bar :color="`primary ${textColor('primary')}`" dense>

diff --git a/src/components/ImageAnimation.vue b/src/components/ImageAnimation.vue
@@ -2,8 +2,8 @@
   <!-- <transition
     v-if="url"
     name="modal-image-transition"
-    enter-active-class="animated zoomIn"
-	>-->
+    enter-active-class="zoomIn"
+  >-->
   <v-img
     v-if="url"
     :src="url"

diff --git a/src/store.js b/src/store.js
@@ -274,7 +274,7 @@ function storeSetup(vuetify) {
         }
         let animation = "";
         if ("animations" in state.activeSolution && !getters.embed) {
-          animation = "animated " + state.activeSolution.animations.in;
+          animation = state.activeSolution.animations.in;
         }
         return animation;
       },
@@ -284,7 +284,7 @@ function storeSetup(vuetify) {
         }
         let animation = "";
         if ("animations" in state.activeSolution && !getters.embed) {
-          animation = "animated " + state.activeSolution.animations.out;
+          animation = state.activeSolution.animations.out;
         }
         return animation;
       },