From 44fb6c11e968f05ea74ecebe69ae0abbaa2fa434 Mon Sep 17 00:00:00 2001 From: kolaente Date: Wed, 28 Jul 2021 17:43:34 +0200 Subject: [PATCH] Fix animation when dropping --- src/styles/components/kanban.scss | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) diff --git a/src/styles/components/kanban.scss b/src/styles/components/kanban.scss index 0e25f0612..9c2b4afeb 100644 --- a/src/styles/components/kanban.scss +++ b/src/styles/components/kanban.scss @@ -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 { - border-radius: $radius; - margin: 0 .5rem .5rem; background: transparent; border: 3px dashed $grey-300; + box-shadow: none; + + * { + opacity: 0; + } } } .move-card-move { - transition: transform 0s; + transition: transform $transition-duration; } .no-move { @@ -301,7 +309,7 @@ $filter-container-height: '1rem - #{$switch-view-height}'; } } -.ghost-task { +.task-dragging { transition: transform 0.18s ease; transform: rotateZ(3deg) }