Add transition for backtesting-sidebsar

This commit is contained in:
Matthias 2021-06-24 20:46:24 +02:00
parent 1616c10602
commit 47a333a840

View File

@ -62,13 +62,14 @@
@click="showLeftBar = !showLeftBar" @click="showLeftBar = !showLeftBar"
>{{ showLeftBar ? '&lt;' : '&gt;' }}</b-button >{{ showLeftBar ? '&lt;' : '&gt;' }}</b-button
> >
<BacktestResultSelect <transition name="fade" mode="in-out">
v-if="btFormMode !== 'visualize' && showLeftBar" <BacktestResultSelect
:backtest-history="backtestHistory" v-if="btFormMode !== 'visualize' && showLeftBar"
:selected-backtest-result-key="selectedBacktestResultKey" :backtest-history="backtestHistory"
class="" :selected-backtest-result-key="selectedBacktestResultKey"
@selectionChange="setBacktestResult" @selectionChange="setBacktestResult"
/> />
</transition>
</div> </div>
<!-- End Left bar --> <!-- End Left bar -->
@ -461,4 +462,14 @@ export default class Backtesting extends Vue {
flex: unset; flex: unset;
} }
} }
.fade-enter-active,
.fade-leave-active {
transition: all 0.2s;
}
.fade-enter,
.fade-leave-to {
opacity: 0;
}
</style> </style>