fix: transition class names

see: https://v3.vuejs.org/guide/migration/transition.html
This commit is contained in:
Dominik Pschenitschni 2021-08-20 17:01:19 +02:00
parent ecc3d3cf3f
commit 2ef2bb7700
No known key found for this signature in database
GPG Key ID: B257AC0149F43A77
3 changed files with 16 additions and 7 deletions

View File

@ -205,8 +205,12 @@ $filter-container-height: '1rem - #{$switch-view-height}';
}
}
&.v-leave, &.v-leave-to, &.v-leave-active
&.move-card-leave, &.move-card-leave-to, &.move-card-leave-active {
&.v-leave-from,
&.v-leave-to,
&.v-leave-active
&.move-card-leave-from,
&.move-card-leave-to,
&.move-card-leave-active {
display: none;
}
}

View File

@ -238,7 +238,8 @@
}
}
.flash-background-enter, .flash-background-enter-active {
.flash-background-enter-from,
.flash-background-enter-active {
animation: flash-background $flash-background-duration ease 1;
}

View File

@ -1,15 +1,19 @@
.fade-enter-active, .fade-leave-active {
.fade-enter-active,
.fade-leave-active {
transition: opacity $transition-duration;
}
.fade-enter, .fade-leave-to {
.fade-enter-from,
.fade-leave-to {
opacity: 0;
}
.width-enter-active, .width-leave-active {
.width-enter-active,
.width-leave-active {
transition: width $transition-duration;
}
.width-enter, .width-leave-to {
.width-enter-from,
.width-leave-to {
width: 0;
}