Fix animation when dropping
This commit is contained in:
parent
9988f6f8c3
commit
44fb6c11e9
|
@ -204,18 +204,26 @@ $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 {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ghost {
|
.ghost {
|
||||||
border-radius: $radius;
|
|
||||||
margin: 0 .5rem .5rem;
|
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border: 3px dashed $grey-300;
|
border: 3px dashed $grey-300;
|
||||||
|
box-shadow: none;
|
||||||
|
|
||||||
|
* {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.move-card-move {
|
.move-card-move {
|
||||||
transition: transform 0s;
|
transition: transform $transition-duration;
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-move {
|
.no-move {
|
||||||
|
@ -301,7 +309,7 @@ $filter-container-height: '1rem - #{$switch-view-height}';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ghost-task {
|
.task-dragging {
|
||||||
transition: transform 0.18s ease;
|
transition: transform 0.18s ease;
|
||||||
transform: rotateZ(3deg)
|
transform: rotateZ(3deg)
|
||||||
}
|
}
|
||||||
|
|
Reference in New Issue