diff --git a/css/80_app.css b/css/80_app.css index e269310fe..270034907 100644 --- a/css/80_app.css +++ b/css/80_app.css @@ -498,6 +498,9 @@ button[disabled].action:hover { .tool-group button.dragging .tooltip { display: none; } +.tool-group button.dragging.removing { + cursor: url(img/cursor-select-remove.png), pointer; +} button.save .count { display: inline-block; diff --git a/modules/ui/modes.js b/modules/ui/modes.js index f95d2f780..ce904ad9e 100644 --- a/modules/ui/modes.js +++ b/modules/ui/modes.js @@ -186,13 +186,15 @@ export function uiModes(context) { d3_select(this) .classed('dragging', true) + .classed('removing', y > 50) .style('transform', 'translate(' + x + 'px, ' + y + 'px)'); }) .on('end', function(d) { d3_select(this) - .style('transform', null) - .classed('dragging', false); + .classed('dragging', false) + .classed('removing', false) + .style('transform', null); var y = d3_event.y - dragOrigin.y; if (y > 50) {