Fix cursor over comment threads (#4720)

* use auto cursor on comment threads * format
concrete-utopia · Jan 11, 2024 · 5aea0e9 · 5aea0e9
1 parent 9702956
commit 5aea0e9
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/editor/src/components/canvas/controls/comment-indicator.tsx b/editor/src/components/canvas/controls/comment-indicator.tsx
@@ -315,7 +315,14 @@ const CommentIndicator = React.memo(({ thread }: CommentIndicatorProps) => {
   const draggingCallback = React.useCallback((isDragging: boolean) => setDragging(isDragging), [])
 
   return (
-    <div onMouseOver={onMouseOver} onMouseOut={onMouseOut} data-testid='comment-indicator'>
+    <div
+      onMouseOver={onMouseOver}
+      onMouseOut={onMouseOut}
+      data-testid='comment-indicator'
+      style={{
+        cursor: 'auto',
+      }}
+    >
       {when(
         (isActive || !hovered) && !dragging,
         <CommentIndicatorUI

diff --git a/editor/src/components/canvas/controls/comment-popup.tsx b/editor/src/components/canvas/controls/comment-popup.tsx
@@ -319,6 +319,7 @@ const CommentThread = React.memo(({ comment }: CommentThreadProps) => {
         borderRadius: 4,
         overflow: 'hidden',
         zoom: 1 / canvasScale,
+        cursor: 'auto',
       }}
       onKeyDown={stopPropagation}
       onKeyUp={stopPropagation}