From 6428a9055acc1a1d2510733d263b99b31fc59ed9 Mon Sep 17 00:00:00 2001
From: Quincy Morgan <quincy.morgan@icloud.com>
Date: Tue, 5 Mar 2019 18:13:10 -0500
Subject: [PATCH] Add remove cursor to buttons dragged out of the top bar

---
 css/80_app.css      | 3 +++
 modules/ui/modes.js | 6 ++++--
 2 files changed, 7 insertions(+), 2 deletions(-)

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) {