From 0b92fcc5e4e82607ff2f5ecf7546ab681de0579c Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 22 Oct 2023 14:30:55 +0200
Subject: [PATCH] Fix / simplify animation behavior

---
 src/components/charts/CandleChartContainer.vue | 6 +++---
 src/views/BacktestingView.vue                  | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/charts/CandleChartContainer.vue b/src/components/charts/CandleChartContainer.vue
index 5836bdde..64c894bb 100644
--- a/src/components/charts/CandleChartContainer.vue
+++ b/src/components/charts/CandleChartContainer.vue
@@ -78,8 +78,8 @@
         </div>
       </div>
     </div>
-    <transition name="fade" mode="in-out">
-      <div v-if="!plotConfigModal" v-show="showPlotConfig" class="w-25 config-sidebar">
+    <transition name="fade">
+      <div v-if="!plotConfigModal" v-show="showPlotConfig" class="w-25">
         <PlotConfigurator :columns="datasetColumns" :is-visible="showPlotConfig ?? false" />
       </div>
     </transition>
@@ -237,7 +237,7 @@ onMounted(() => {
   transition: all 0.2s;
 }
 
-.fade-enter,
+.fade-enter-from,
 .fade-leave-to {
   opacity: 0;
   transform: translateX(30px);
diff --git a/src/views/BacktestingView.vue b/src/views/BacktestingView.vue
index b1a73423..21e56805 100644
--- a/src/views/BacktestingView.vue
+++ b/src/views/BacktestingView.vue
@@ -80,7 +80,7 @@
           @click="showLeftBar = !showLeftBar"
           >{{ showLeftBar ? '&lt;' : '&gt;' }}</b-button
         >
-        <transition name="fade" mode="in-out">
+        <transition name="fade">
           <BacktestResultSelect
             v-if="btFormMode !== 'visualize' && showLeftBar"
             :backtest-history="botStore.activeBot.backtestHistory"