Fixed default cursors for different areas

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();

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;
     };
 }

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();