feat: animate chart show / hide transition

fluidd-core · Oct 26, 2020 · 5dee489 · 5dee489
1 parent d71712f
commit 5dee489
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/components/cards/TemperatureCard.vue b/src/components/cards/TemperatureCard.vue
@@ -21,9 +21,12 @@
 
     <temperature-targets-widget></temperature-targets-widget>
 
-    <v-card-text class="chart-container" v-if="chartVisible">
-      <temperature-chart-widget v-if="chartReady && klippyConnected" :chart-data="chartData" :styles="chartStyles"></temperature-chart-widget>
-    </v-card-text>
+    <v-expand-transition>
+      <v-card-text class="chart-container" v-if="chartVisible">
+          <temperature-chart-widget v-if="chartReady && klippyConnected" :chart-data="chartData" :styles="chartStyles"></temperature-chart-widget>
+      </v-card-text>
+    </v-expand-transition>
+
   </v-card>
 </template>