Add EditorHintText css class

flatironinstitute · Jul 25, 2024 · 40812be · 40812be
1 parent cd55706
commit 40812be
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/gui/src/app/FileEditor/TextEditor.tsx b/gui/src/app/FileEditor/TextEditor.tsx
@@ -248,8 +248,8 @@ const createHintTextContentWidget = (hintText: string) => {
       const node = document.createElement("div");
       node.style.width = "max-content";
       node.style.pointerEvents = "none";
+      node.className = "EditorHintText";
       node.textContent = hintText;
-      node.style.fontStyle = "italic";
       return node;
     },
     getId: () => "hintText",

diff --git a/gui/src/localStyles.css b/gui/src/localStyles.css
@@ -192,3 +192,8 @@ span.EditorTitle {
   height: 100%;
   overflow: auto;
 }
+
+.EditorHintText {
+  font-style: italic;
+  color: #aaa;
+}