Implement correction panel with highlight functionality for error display

2024-02-02 09:18:28 +01:00
parent aa3f025c7d
commit 4e2409fa38
3 changed files with 31 additions and 15 deletions
--- a/styles.css
+++ b/styles.css
@@ -11,15 +11,19 @@
  white-space: pre-wrap;
  overflow-y: auto;
  font-family: Arial, Helvetica, sans-serif;
+  z-index: 2;
 }

 /* Mistake types styles */
 .typo-mistake {
-  text-decoration: underline;
+  border-bottom: 2px solid red;
+  position: absolute;
+  z-index: 2;
+  cursor: text;
+  /* pointer-events: none; */
+  /* text-decoration: underline;
  text-decoration-color: red;
-  cursor: pointer;
-  position: relative;
-  z-index: 3;
+  cursor: text; */
 }

 .other-mistake {