local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix: transition class names

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/styles/components/kanban.scss
View file

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

3
src/styles/components/task.scss
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; animation: flash-background $flash-background-duration ease 1;
} }

12
src/styles/utilities/transitions.scss
View file

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