Parcourir la source

Retract extract configurator

rigwild il y a 4 ans
Parent
commit
a3ea3fba7e
1 fichiers modifiés avec 15 ajouts et 5 suppressions
  1. 15 5
      src/components/ExperimentsComponents/ExtractConfiguration.vue

+ 15 - 5
src/components/ExperimentsComponents/ExtractConfiguration.vue

@@ -29,13 +29,14 @@
 
               <v-btn @click="setConfig" :disabled="!isConfigNew">Confirm</v-btn>
             </div>
-            <div v-else key="arrow">
-              <v-btn flat round @click="isExpanded = true">
-                <v-icon>keyboard_arrow_down</v-icon>
-              </v-btn>
-            </div>
           </v-slide-y-transition>
 
+          <div>
+            <v-btn flat round @click="isExpanded = !isExpanded">
+              <v-icon class="rotated180-duration" :class="{ rotated180: isExpanded }" key="arrow-down">keyboard_arrow_down</v-icon>
+            </v-btn>
+          </div>
+
           <v-alert v-if="loadingErrorMessage" :value="true" type="error" v-text="loadingErrorMessage" />
         </v-flex>
       </v-layout>
@@ -93,3 +94,12 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+.rotated180 {
+  transform: rotate(180deg);
+}
+.rotated180-duration {
+  transition: transform .5s ease-in-out !important;
+}
+</style>