diff --git a/app/coffee/modules/backlog/sortable.coffee b/app/coffee/modules/backlog/sortable.coffee index f5b6b771..ec1b55cd 100644 --- a/app/coffee/modules/backlog/sortable.coffee +++ b/app/coffee/modules/backlog/sortable.coffee @@ -51,6 +51,7 @@ BacklogSortableDirective = ($repo, $rs, $rootscope) -> handle: ".icon-drag-v", containment: ".wrapper" dropOnEmpty: true + placeholder: "row us-item-row us-item-drag sortable-placeholder" # With scroll activated, it has strange behavior # with not full screen browser window. scroll: false diff --git a/app/styles/modules/backlog/backlog-table.scss b/app/styles/modules/backlog/backlog-table.scss index 1e2f2569..176f02c3 100644 --- a/app/styles/modules/backlog/backlog-table.scss +++ b/app/styles/modules/backlog/backlog-table.scss @@ -14,6 +14,7 @@ padding: .5rem 0 .5rem .5rem; text-align: left; width: 100%; + } .backlog-table-title, .backlog-table-subtitle, @@ -95,7 +96,6 @@ .backlog-table-body { .row { - cursor: move; position: relative; &:hover { @include transition (background .2s ease-in); @@ -106,6 +106,15 @@ opacity: 1; } } + &.sortable-placeholder { + background: $whitish; + height: 40px; + } + &.ui-sortable-helper { + @include transition (background .2s ease-in); + background: lighten($green-taiga, 60%); + box-shadow: 1px 1px 10px rgba($black, .1); + } } .row-selected { @include transition (background .2s ease-in);