Editors: Made drawings appear clickiable via cursor

ssddanbrown · ssddanbrown · commit 6808292c90ce · 2026-02-21T16:00:14.000Z
During review of #5864
diff --git a/resources/sass/_editor.scss b/resources/sass/_editor.scss
@@ -451,6 +451,9 @@ body.editor-is-fullscreen {
   outline: 1px dashed var(--editor-color-primary);
   outline-offset: 1px;
 }
+.editor-content-area  [drawio-diagram] {
+  cursor: pointer;
+}
 
 .editor-table-marker {
   position: fixed;
diff --git a/resources/sass/_forms.scss b/resources/sass/_forms.scss
@@ -142,6 +142,9 @@
     padding-inline-end: 12px;
     max-width: 864px;
   }
+  [drawio-diagram] {
+    cursor: pointer;
+  }
   [drawio-diagram]:hover {
     outline: 2px solid var(--color-primary);
   }
diff --git a/resources/sass/_tinymce.scss b/resources/sass/_tinymce.scss
@@ -205,9 +205,8 @@ body.page-content.mce-content-body  {
 }
 
 /**
- * Set correct cursor for drawio
+ * Ensure cursor indicates that drawings are clickable
  */
-
 .page-content.mce-content-body [drawio-diagram] {
   cursor: pointer;
 }

Original file line number	Diff line number	Diff line change
`@@ -451,6 +451,9 @@ body.editor-is-fullscreen {`
`451`	`451`	`outline: 1px dashed var(--editor-color-primary);`
`452`	`452`	`outline-offset: 1px;`
`453`	`453`	`}`
	`454`	`+.editor-content-area [drawio-diagram] {`
	`455`	`+ cursor: pointer;`
	`456`	`+}`
`454`	`457`
`455`	`458`	`.editor-table-marker {`
`456`	`459`	`position: fixed;`
Original file line number	Diff line number	Diff line change
`@@ -142,6 +142,9 @@`
`142`	`142`	`padding-inline-end: 12px;`
`143`	`143`	`max-width: 864px;`
`144`	`144`	`}`
	`145`	`+ [drawio-diagram] {`
	`146`	`+ cursor: pointer;`
	`147`	`+ }`
`145`	`148`	`[drawio-diagram]:hover {`
`146`	`149`	`outline: 2px solid var(--color-primary);`
`147`	`150`	`}`
Original file line number	Diff line number	Diff line change
`@@ -205,9 +205,8 @@ body.page-content.mce-content-body {`
`205`	`205`	`}`
`206`	`206`
`207`	`207`	`/**`
`208`		`- * Set correct cursor for drawio`
	`208`	`+ * Ensure cursor indicates that drawings are clickable`
`209`	`209`	`*/`
`210`		`-`
`211`	`210`	`.page-content.mce-content-body [drawio-diagram] {`
`212`	`211`	`cursor: pointer;`
`213`	`212`	`}`