From dba254081e59ae7f49e3b3a838f6f8958381cc2e Mon Sep 17 00:00:00 2001
From: Syed Umar Anis <umaranis@users.noreply.github.com>
Date: Wed, 11 Dec 2024 03:55:40 +1100
Subject: [PATCH] [lexical-playground] Refactor: editor styles should in
 PlaygroundEditorTheme.css (#6934)

---
 packages/lexical-playground/src/index.css     | 22 -------------------
 .../src/themes/PlaygroundEditorTheme.css      | 19 ++++++++++++++++
 2 files changed, 19 insertions(+), 22 deletions(-)

diff --git a/packages/lexical-playground/src/index.css b/packages/lexical-playground/src/index.css
index 87fb8fdbbff..8ad3159aeeb 100644
--- a/packages/lexical-playground/src/index.css
+++ b/packages/lexical-playground/src/index.css
@@ -1766,28 +1766,6 @@ button.item.dropdown-item-active i {
   z-index: 3;
 }
 
-.PlaygroundEditorTheme__blockCursor {
-  display: block;
-  pointer-events: none;
-  position: absolute;
-}
-
-.PlaygroundEditorTheme__blockCursor:after {
-  content: '';
-  display: block;
-  position: absolute;
-  top: -2px;
-  width: 20px;
-  border-top: 1px solid black;
-  animation: CursorBlink 1.1s steps(2, start) infinite;
-}
-
-@keyframes CursorBlink {
-  to {
-    visibility: hidden;
-  }
-}
-
 .dialog-dropdown {
   background-color: #eee !important;
   margin-bottom: 10px;
diff --git a/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css b/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css
index 031173135f9..2e985c4dc8d 100644
--- a/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css
+++ b/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css
@@ -133,6 +133,25 @@
   text-decoration: underline;
   cursor: pointer;
 }
+.PlaygroundEditorTheme__blockCursor {
+  display: block;
+  pointer-events: none;
+  position: absolute;
+}
+.PlaygroundEditorTheme__blockCursor:after {
+  content: '';
+  display: block;
+  position: absolute;
+  top: -2px;
+  width: 20px;
+  border-top: 1px solid black;
+  animation: CursorBlink 1.1s steps(2, start) infinite;
+}
+@keyframes CursorBlink {
+  to {
+    visibility: hidden;
+  }
+}
 .PlaygroundEditorTheme__code {
   background-color: rgb(240, 242, 245);
   font-family: Menlo, Consolas, Monaco, monospace;