vikunja/frontend
Archived
6
39
Fork 48
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

Add reordering animation

Browse Source
This commit is contained in:
kolaente 2021-07-27 18:24:35 +02:00
parent e1ecca3596
commit 21a210b285
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
1 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/styles/components/tasks.scss
View File

@ -3,6 +3,24 @@
.tasks {
width: 100%;
.flip-list-move {
transition: transform $transition-duration;
}
.no-move {
transition: transform 0;
}
.ghost {
border-radius: $radius;
background: $grey-100;
border: 3px dashed $grey-300;
* {
opacity: 0;
}
}
}
.taskedit {
@ -32,12 +50,13 @@
.task {
display: flex;
flex-wrap: wrap;
padding: 0.5rem;
padding: .3rem;
transition: background-color $transition;
align-items: center;
cursor: pointer;
margin: 0 .5rem;
border-radius: $radius;
border: 3px solid transparent;
&:first-child {
margin-top: .5rem;