From 2ae3edb326c135194ceb74988903b537a2d6d4d9 Mon Sep 17 00:00:00 2001
From: Erik Tiekstra <erik.tiekstra@weahead.se>
Date: Tue, 16 May 2017 10:21:14 +0200
Subject: [PATCH] Fixed default cursors for different areas

---
 src/js/components/ImageEditor/DragbarHandler.js | 10 +++++++++-
 src/js/components/ImageEditor/Draggable.js      |  1 +
 src/js/components/ImageEditor/RulerHandler.js   |  4 ++++
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/js/components/ImageEditor/DragbarHandler.js b/src/js/components/ImageEditor/DragbarHandler.js
index 2b788c0..70a18fe 100644
--- a/src/js/components/ImageEditor/DragbarHandler.js
+++ b/src/js/components/ImageEditor/DragbarHandler.js
@@ -64,6 +64,10 @@ function DragbarHandler(canvas) {
             axis: 'h',
             width: canvas.getImage().width,
             height: config.dragBar.size,
+            lockMovementY: true,
+            selectable: true,
+            hoverCursor: 'ew-resize',
+            moveCursor: 'ew-resize',
         }))
             .addTo(canvas)
             .centerH().set({ top: canvas.height - 30 }).setCoords();
@@ -71,7 +75,11 @@ function DragbarHandler(canvas) {
         _dragbars.v = new fabric.Rect($.extend({}, config.dragBar, {
             axis: 'v',
             width: config.dragBar.size,
-            height: canvas.getImage().height
+            height: canvas.getImage().height,
+            lockMovementX: true,
+            selectable: true,
+            hoverCursor: 'ns-resize',
+            moveCursor: 'ns-resize',
         }))
             .addTo(canvas)
             .set({ left: canvas.width - 40 }).setCoords();
diff --git a/src/js/components/ImageEditor/Draggable.js b/src/js/components/ImageEditor/Draggable.js
index b8aceeb..2abd1f1 100644
--- a/src/js/components/ImageEditor/Draggable.js
+++ b/src/js/components/ImageEditor/Draggable.js
@@ -30,6 +30,7 @@ function Draggable(img, boundingRect) {
         }
         img.lockMovementX = img.lockMovementY = false;
         img.selectable = true;
+        img.hoverCursor = 'move';
         return this;
     };
 }
diff --git a/src/js/components/ImageEditor/RulerHandler.js b/src/js/components/ImageEditor/RulerHandler.js
index fd36841..ce0c799 100644
--- a/src/js/components/ImageEditor/RulerHandler.js
+++ b/src/js/components/ImageEditor/RulerHandler.js
@@ -88,6 +88,8 @@ function RulerHandler(viewport) {
             left: _lines.v.left,
             originX: 'center',
             lockMovementY: true,
+            moveCursor: 'ew-resize',
+            hoverCursor: 'ew-resize',
         }).addTo(viewport.canvas).on('moving', Event.onMove).trigger('moving');
 
         _rect.v = new TextButton('V', textSettings).set({
@@ -97,6 +99,8 @@ function RulerHandler(viewport) {
             left: Math.ceil(bounds.left + bounds.width + 5),
             originY: 'center',
             lockMovementX: true,
+            moveCursor: 'ns-resize',
+            hoverCursor: 'ns-resize',
         }).addTo(viewport.canvas).on('moving', Event.onMove).trigger('moving');
 
         viewport.canvas.renderAll();