From 3be37e25a52983b43b4eed3847922e99f2bf07bc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Iv=C3=A1n=20Ovejero?= Date: Fri, 31 Mar 2023 16:44:26 +0200 Subject: [PATCH] fix(editor): Fix focused state in Code node editor (#5869) :art: Fix focused state in Code node --- packages/editor-ui/src/components/CodeNodeEditor/theme.ts | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/packages/editor-ui/src/components/CodeNodeEditor/theme.ts b/packages/editor-ui/src/components/CodeNodeEditor/theme.ts index 8dabe33098411..96fc32e0b3f4b 100644 --- a/packages/editor-ui/src/components/CodeNodeEditor/theme.ts +++ b/packages/editor-ui/src/components/CodeNodeEditor/theme.ts @@ -48,6 +48,10 @@ export const CODE_NODE_EDITOR_THEME = [ '&.cm-focused .cm-selectionBackgroundm .cm-selectionBackground, .cm-content ::selection': { backgroundColor: 'var(--color-code-selection)', }, + '&.cm-editor.cm-focused': { + outline: 'none', + borderColor: 'var(--color-secondary)', + }, '.cm-activeLine': { backgroundColor: 'var(--color-code-lineHighlight)', }, @@ -57,6 +61,7 @@ export const CODE_NODE_EDITOR_THEME = [ '.cm-gutters': { backgroundColor: 'var(--color-code-gutterBackground)', color: 'var(--color-code-gutterForeground)', + borderRadius: 'var(--border-radius-base)', }, '.cm-tooltip': { maxWidth: BASE_STYLING.tooltip.maxWidth,