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