diff --git a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/Theme.ts b/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/Theme.ts index a595d7b46..a6cb9a321 100644 --- a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/Theme.ts +++ b/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/Theme.ts @@ -1,6 +1,7 @@ import type { EditorThemeClasses } from 'lexical' const BlocksEditorTheme: EditorThemeClasses = { + blockCursor: 'Lexical__blockCursor', characterLimit: 'Lexical__characterLimit', code: 'Lexical__code', codeHighlight: { diff --git a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/editor.scss b/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/editor.scss index 28923311b..cc22623cf 100644 --- a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/editor.scss +++ b/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/editor.scss @@ -246,3 +246,23 @@ .Lexical__embedBlockFocus { outline: 2px solid var(--sn-stylekit-info-color); } + +.Lexical__blockCursor { + display: block; + pointer-events: none; + position: absolute; +} +.Lexical__blockCursor:after { + content: ''; + display: block; + position: absolute; + top: -2px; + width: 20px; + border-top: 1px solid var(--sn-stylekit-editor-foreground-color); + animation: CursorBlink 1.1s steps(2, start) infinite; +} +@keyframes CursorBlink { + to { + visibility: hidden; + } +}