[Editor] Change the cursor to a pen for the Ink editor

mozilla · Jul 7, 2022 · f2b481b · f2b481b
1 parent 403ed07
commit f2b481b
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/display/editor/ink.js b/src/display/editor/ink.js
@@ -233,7 +233,6 @@ class InkEditor extends AnnotationEditor {
     }
 
     super.enableEditMode();
-    this.canvas.style.cursor = "pointer";
     this.div.draggable = false;
     this.canvas.addEventListener("mousedown", this.#boundCanvasMousedown);
     this.canvas.addEventListener("mouseup", this.#boundCanvasMouseup);
@@ -246,7 +245,6 @@ class InkEditor extends AnnotationEditor {
     }
 
     super.disableEditMode();
-    this.canvas.style.cursor = "auto";
     this.div.draggable = !this.isEmpty();
     this.div.classList.remove("editing");
 

diff --git a/web/annotation_editor_layer_builder.css b/web/annotation_editor_layer_builder.css
@@ -119,6 +119,7 @@
   height: 100%;
   z-index: 1;
   transform-origin: 0 0;
+  cursor: auto;
 }
 
 .annotationEditorLayer .background {
@@ -132,6 +133,7 @@
 
 .annotationEditorLayer .inkEditor.editing {
   resize: none;
+  cursor: url(images/toolbarButton-editorInk.svg) 0 16, pointer;
 }
 
 .annotationEditorLayer .inkEditor .inkEditorCanvas {

diff --git a/web/images/toolbarButton-editorInk.svg b/web/images/toolbarButton-editorInk.svg