taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Backlog sortable placeholder

stable
Xavier Julián 2014-08-01 14:53:10 +02:00
parent a957e85635
commit b7690abdb7
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/coffee/modules/backlog/sortable.coffee
View File

@ -51,6 +51,7 @@ BacklogSortableDirective = ($repo, $rs, $rootscope) ->
handle: ".icon-drag-v", handle: ".icon-drag-v",
containment: ".wrapper" containment: ".wrapper"
dropOnEmpty: true dropOnEmpty: true
placeholder: "row us-item-row us-item-drag sortable-placeholder"
# With scroll activated, it has strange behavior # With scroll activated, it has strange behavior
# with not full screen browser window. # with not full screen browser window.
scroll: false scroll: false

11
app/styles/modules/backlog/backlog-table.scss
View File

@ -14,6 +14,7 @@
padding: .5rem 0 .5rem .5rem; padding: .5rem 0 .5rem .5rem;
text-align: left; text-align: left;
width: 100%; width: 100%;
} }
.backlog-table-title, .backlog-table-title,
.backlog-table-subtitle, .backlog-table-subtitle,
@ -95,7 +96,6 @@
.backlog-table-body { .backlog-table-body {
.row { .row {
cursor: move;
position: relative; position: relative;
&:hover { &:hover {
@include transition (background .2s ease-in); @include transition (background .2s ease-in);
@ -106,6 +106,15 @@
opacity: 1; 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 { .row-selected {
@include transition (background .2s ease-in); @include transition (background .2s ease-in);