diff --git a/app/coffee/modules/kanban/sortable.coffee b/app/coffee/modules/kanban/sortable.coffee index 74026280..3c034363 100644 --- a/app/coffee/modules/kanban/sortable.coffee +++ b/app/coffee/modules/kanban/sortable.coffee @@ -63,7 +63,7 @@ KanbanSortableDirective = ($repo, $rs, $rootscope) -> itemEl.remove() tdom.sortable({ - handle: ".icon-drag-h", + handle: ".icon-drag-h" dropOnEmpty: true connectWith: ".kanban-uses-box" revert: 400 diff --git a/app/styles/components/taskboard-task.scss b/app/styles/components/taskboard-task.scss index c8efc733..ea676d3f 100644 --- a/app/styles/components/taskboard-task.scss +++ b/app/styles/components/taskboard-task.scss @@ -1,7 +1,15 @@ .taskboard-task { + @include transition (box-shadow .4s linear); background: $postit; + box-shadow: none; margin-bottom: 1rem; position: relative; + &.ui-sortable-helper { + box-shadow: 1px 1px 15px rgba($black, .2); + } + &.ui-sortable-placeholder { + background: $grayer; + } .taskboard-tagline { @include table-flex(); } @@ -15,16 +23,18 @@ padding: 1rem .5rem; } .avatar { - @include table-flex-child($flex-basis: 50px); + @include table-flex-child($flex-basis: 70px); a { @extend %small; display: block; text-align: center; } img { + border: 2px solid $postit-hover; margin: 0 auto; } figcaption { + color: darken($postit-hover, 15%); display: block; overflow: hidden; text-overflow: ellipsis; @@ -39,6 +49,7 @@ .taskboard-text { @extend %small; @include table-flex-child($flex-grow: 10, $flex-basis: 50px); + padding: 0 .5rem 0 1rem; } .icon-edit, .icon-drag-h { diff --git a/app/styles/modules/backlog/taskboard-table.scss b/app/styles/modules/backlog/taskboard-table.scss index 52a566a9..7d87bf2a 100644 --- a/app/styles/modules/backlog/taskboard-table.scss +++ b/app/styles/modules/backlog/taskboard-table.scss @@ -64,6 +64,7 @@ $column-margin: 0 10px 0 0; .taskboard-tasks-box { background: $whitish; } + .taskboard-userstory-box { .icon { @include transition(color .2s linear); @@ -100,53 +101,6 @@ $column-margin: 0 10px 0 0; margin-right: .1rem; } } - -// .us-ref { -// color: $gray; -// margin-right: .5rem; -// } -// .status { -// color: $green-taiga; -// margin-bottom: .5rem; -// position: relative; -// .icon { -// @include transition (opacity .2s linear); -// opacity: 0; -// } -// &:hover { -// .icon { -// @include transition (opacity .2s linear); -// opacity: 1; -// } -// } -// } -// .pop-status { -// @include popover(150px, 20px, 30px, '', ''); -// } -// .pop-points { -// @include popover(200px, 125px, 30px, '', ''); -// li { -// display: inline-block; -// width: 23%; -// } -// a { -// display: block; -// text-align: center; -// &:hover, -// &.active { -// background: $fresh-taiga; -// color: $white; -// } -// } -// } -// .new-task { -// margin-top: 3rem; -// opacity: 0; -// } -// .button-green { -// padding: 7px 80px; -// } - } .points-list {