From d5ccd8828d1d879dcf1bedcaa28e043f8d947acb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= Date: Mon, 8 Sep 2014 10:03:06 +0200 Subject: [PATCH] IMproved visual drag&drop and normalkized styles in kanban and taskboard --- app/styles/components/kanban-task.scss | 5 +++++ app/styles/components/taskboard-task.scss | 5 +++-- 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/app/styles/components/kanban-task.scss b/app/styles/components/kanban-task.scss index 3e2b479e..79c23ac0 100644 --- a/app/styles/components/kanban-task.scss +++ b/app/styles/components/kanban-task.scss @@ -1,6 +1,7 @@ .kanban-task { background: $postit; cursor: move; + margin: .2rem; position: relative; &:last-child { margin: 0; @@ -12,6 +13,10 @@ opacity: 1; } } + &.ui-sortable-helper { + box-shadow: 1px 1px 15px rgba($black, .4); + @include transition(box-shadow .3s linear); + } &.blocked { background: $red; border: 1px solid darken($red, 10%); diff --git a/app/styles/components/taskboard-task.scss b/app/styles/components/taskboard-task.scss index ad207caa..d0403a83 100644 --- a/app/styles/components/taskboard-task.scss +++ b/app/styles/components/taskboard-task.scss @@ -1,5 +1,5 @@ .taskboard-task { - @include transition (box-shadow .4s linear); + @include transition (all .4s linear); background: $postit; border: 1px solid $postit-hover; box-shadow: none; @@ -17,7 +17,8 @@ } } &.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 { background: $grayer;