Use grab and grabbing mouse cursors

gregfagan · Oct 11, 2015 · c459e99 · c459e99
1 parent a15da3e
commit c459e99
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/app/js/components/draggable-path.jsx b/app/js/components/draggable-path.jsx
@@ -23,7 +23,11 @@ export class DragPath extends React.Component {
 
   render() {
     const { path, isDragging, connectDragSource, style, children, ...other } = this.props;
-    const hideWhileDraggingStyle = { opacity: isDragging ? 0 : 1, ...style };
+    const hideWhileDraggingStyle = {
+      opacity: isDragging ? 0 : 1,
+      cursor: 'grab; cursor: -webkit-grab',
+      ...style
+    };
     const childProps = { style: hideWhileDraggingStyle, ...other};
     return connectDragSource(cloneElement(children, childProps));
   }

diff --git a/app/js/components/draglayer.jsx b/app/js/components/draglayer.jsx
@@ -73,10 +73,10 @@ export default class CardDragLayer extends React.Component {
 const layerStyles = {
   transformStyle: 'preserve-3d',
   position: 'absolute',
-  pointerEvents: 'none',
   zIndex: 100,
   left: 0,
   top: 0,
+  cursor: 'grabbing; cursor: -webkit-grabbing',
 };
 
 function getItemStyles(props, state) {