From 4fb69cbd5613392179b584638508d0fd58acba2b Mon Sep 17 00:00:00 2001
From: Remus Mate <3297808+mrm007@users.noreply.github.com>
Date: Mon, 18 Dec 2023 10:42:55 +1100
Subject: [PATCH] Make the error marker hoverable (#308)

---
 .changeset/thick-mails-poke.md            | 5 +++++
 src/Playroom/CodeEditor/CodeEditor.css.ts | 3 +++
 2 files changed, 8 insertions(+)
 create mode 100644 .changeset/thick-mails-poke.md

diff --git a/.changeset/thick-mails-poke.md b/.changeset/thick-mails-poke.md
new file mode 100644
index 00000000..1acb8928
--- /dev/null
+++ b/.changeset/thick-mails-poke.md
@@ -0,0 +1,5 @@
+---
+'playroom': patch
+---
+
+Improve affordance of error marker detail
diff --git a/src/Playroom/CodeEditor/CodeEditor.css.ts b/src/Playroom/CodeEditor/CodeEditor.css.ts
index eac416eb..e67ed1bb 100644
--- a/src/Playroom/CodeEditor/CodeEditor.css.ts
+++ b/src/Playroom/CodeEditor/CodeEditor.css.ts
@@ -23,6 +23,9 @@ export const errorMarker = style([
     opacity: 0,
   }),
   {
+    ':hover': {
+      cursor: 'help',
+    },
     backgroundColor: colorPaletteVars.background.critical,
     color: colorPaletteVars.foreground.critical,
     minWidth: minimumLineNumberWidth,