diff --git a/public/css/module.less b/public/css/module.less index 94c5623..0a4ffaa 100644 --- a/public/css/module.less +++ b/public/css/module.less @@ -103,6 +103,26 @@ ul.bp { line-height: 1; } + // cursors!!!1 + &:not([data-sortable-disabled="true"]) { + .movable { + cursor: grab; + + &.sortable-chosen { + cursor: grabbing; + } + } + + &.progress .movable { + cursor: wait; + } + } + &[data-sortable-disabled="true"] { + li.process > div { + cursor: pointer; + } + } + // ghost style &.sortable > li.sortable-ghost { position: relative; @@ -193,10 +213,6 @@ ul.bp { // collapse handling li.process { - > div { - cursor: pointer; // So that users know they can interact - } - // toggle, default > div > a.toggle > i:before { -webkit-transition: -webkit-transform 0.3s; diff --git a/public/js/module.js b/public/js/module.js index 4a52173..8485e48 100644 --- a/public/js/module.js +++ b/public/js/module.js @@ -120,6 +120,9 @@ $target = $(evt.to); if (evt.oldIndex !== evt.newIndex || !$target.is($source)) { + var $root = $target.closest('.content > ul.bp'); + $root.addClass('progress'); + var data = { csrfToken: $target.data('csrfToken'), movenode: 'movenode', // That's the submit button..