Debug toolbar: grab / grabbing cursor

fixes #7845

src/vs/workbench/parts/debug/browser/debugActionsWidget.ts

@@ -85,6 +85,7 @@ export class DebugActionsWidget implements wbext.IWorkbenchContribution {
 
 		this.dragArea.on(dom.EventType.MOUSE_DOWN, event => {
 			const $window = $(window);
+			this.dragArea.addClass('dragged');
 
 			$window.on('mousemove', (e: MouseEvent) => {
 				const mouseMoveEvent = new StandardMouseEvent(e);
@@ -92,6 +93,7 @@ export class DebugActionsWidget implements wbext.IWorkbenchContribution {
 			}).once('mouseup', (e: MouseEvent) => {
 				const mouseMoveEvent = new StandardMouseEvent(e);
 				this.storageService.store(DEBUG_ACTIONS_WIDGET_POSITION_KEY, mouseMoveEvent.posx / window.innerWidth, StorageScope.WORKSPACE);
+				this.dragArea.removeClass('dragged');
 				$window.off('mousemove');
 			});
 		});

src/vs/workbench/parts/debug/browser/media/debug.contribution.css

@@ -135,12 +135,16 @@
 }
 
 .monaco-workbench .debug-actions-widget .drag-area {
-	cursor: -webkit-grabbing;
+	cursor: -webkit-grab;
 	height: 32px;
 	width: 10px;
 	background: url('drag.svg') center center no-repeat;
 }
 
+.monaco-workbench .debug-actions-widget .drag-area.dragged {
+	cursor: -webkit-grabbing;
+}
+
 .monaco-workbench  .debug-actions-widget .monaco-action-bar .action-label {
 	width: 32px;
 	height: 32px;