diff --git a/www/kanban/app-kanban.less b/www/kanban/app-kanban.less index 1aa4cba5c..f79b71013 100644 --- a/www/kanban/app-kanban.less +++ b/www/kanban/app-kanban.less @@ -430,6 +430,11 @@ background: fade(@colortheme_notification-warn, 20%); } } + &.kanban-trash-suggest { + div { + background: fade(@cryptpad_text_col, 20%); + } + } .kanban-item, .kanban-board { display: none; } diff --git a/www/kanban/jkanban.js b/www/kanban/jkanban.js index 27abb1de6..db5a258f8 100644 --- a/www/kanban/jkanban.js +++ b/www/kanban/jkanban.js @@ -171,22 +171,26 @@ if (typeof (el.dragfn) === 'function') { el.dragfn(el, source); } + $('.kanban-trash').addClass('kanban-trash-suggest'); $(document).on('mousemove', onMouseMove()); }) .on('dragend', function (el) { el.classList.remove('is-moving'); self.options.dragendBoard(el); $(document).off('mousemove'); + $('.kanban-trash').removeClass('kanban-trash-suggest'); if (typeof (el.dragendfn) === 'function') el.dragendfn(el); }) .on('over', function (el, target, source) { if (!target.classList.contains('kanban-trash')) { return false; } $('.kanban-trash').addClass('kanban-trash-active'); + $('.kanban-trash').removeClass('kanban-trash-suggest'); }) .on('out', function (el, target) { if (!target.classList.contains('kanban-trash')) { return false; } $('.kanban-trash').removeClass('kanban-trash-active'); + $('.kanban-trash').addClass('kanban-trash-suggest'); }) .on('drop', function (el, target, source, sibling) { el.classList.remove('is-moving'); @@ -253,6 +257,7 @@ setActiveDrag(); el.classList.add('is-moving'); $(document).on('mousemove', onMouseMove(el)); + $('.kanban-trash').addClass('kanban-trash-suggest'); self.options.dragEl(el, source); if (el !== null && typeof (el.dragfn) === 'function') { @@ -263,6 +268,7 @@ console.log("In dragend"); el.classList.remove('is-moving'); self.options.dragendEl(el); + $('.kanban-trash').removeClass('kanban-trash-suggest'); $(document).off('mousemove'); if (el !== null && typeof (el.dragendfn) === 'function') { el.dragendfn(el); @@ -277,12 +283,16 @@ .on('over', function (el, target, source) { setActiveDrag(target); if (!target.classList.contains('kanban-trash')) { return false; } + target.classList.remove('kanban-trash-suggest'); target.classList.add('kanban-trash-active'); + }) .on('out', function (el, target) { setActiveDrag(); if (!target.classList.contains('kanban-trash')) { return false; } target.classList.remove('kanban-trash-active'); + target.classList.add('kanban-trash-suggest'); + }) .on('drop', function(el, target, source, sibling) { self.enableAllBoards();