IMproved visual drag&drop and normalkized styles in kanban and taskboard
parent
5c61f9f023
commit
d5ccd8828d
|
@ -1,6 +1,7 @@
|
||||||
.kanban-task {
|
.kanban-task {
|
||||||
background: $postit;
|
background: $postit;
|
||||||
cursor: move;
|
cursor: move;
|
||||||
|
margin: .2rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
&:last-child {
|
&:last-child {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
@ -12,6 +13,10 @@
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
&.ui-sortable-helper {
|
||||||
|
box-shadow: 1px 1px 15px rgba($black, .4);
|
||||||
|
@include transition(box-shadow .3s linear);
|
||||||
|
}
|
||||||
&.blocked {
|
&.blocked {
|
||||||
background: $red;
|
background: $red;
|
||||||
border: 1px solid darken($red, 10%);
|
border: 1px solid darken($red, 10%);
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
.taskboard-task {
|
.taskboard-task {
|
||||||
@include transition (box-shadow .4s linear);
|
@include transition (all .4s linear);
|
||||||
background: $postit;
|
background: $postit;
|
||||||
border: 1px solid $postit-hover;
|
border: 1px solid $postit-hover;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|
@ -17,7 +17,8 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.ui-sortable-helper {
|
&.ui-sortable-helper {
|
||||||
box-shadow: 1px 1px 15px rgba($black, .1);
|
box-shadow: 1px 1px 15px rgba($black, .4);
|
||||||
|
@include transition(box-shadow .3s linear);
|
||||||
}
|
}
|
||||||
&.ui-sortable-placeholder {
|
&.ui-sortable-placeholder {
|
||||||
background: $grayer;
|
background: $grayer;
|
||||||
|
|
Loading…
Reference in New Issue