mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(editor): Fix focused state in Code node editor (#5869)

Browse source 
🎨 Fix focused state in Code node
This commit is contained in:
Iván Ovejero 2023-03-31 16:44:26 +02:00 committed by कारतोफ्फेलस्क्रिप्ट™
parent 86e20173da
commit 3be37e25a5
1 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
packages/editor-ui/src/components/CodeNodeEditor/theme.ts
View file

@ -48,6 +48,10 @@ export const CODE_NODE_EDITOR_THEME = [
'&.cm-focused .cm-selectionBackgroundm .cm-selectionBackground, .cm-content ::selection': { '&.cm-focused .cm-selectionBackgroundm .cm-selectionBackground, .cm-content ::selection': {
backgroundColor: 'var(--color-code-selection)', backgroundColor: 'var(--color-code-selection)',
}, },
'&.cm-editor.cm-focused': {
outline: 'none',
borderColor: 'var(--color-secondary)',
},
'.cm-activeLine': { '.cm-activeLine': {
backgroundColor: 'var(--color-code-lineHighlight)', backgroundColor: 'var(--color-code-lineHighlight)',
}, },
@ -57,6 +61,7 @@ export const CODE_NODE_EDITOR_THEME = [
'.cm-gutters': { '.cm-gutters': {
backgroundColor: 'var(--color-code-gutterBackground)', backgroundColor: 'var(--color-code-gutterBackground)',
color: 'var(--color-code-gutterForeground)', color: 'var(--color-code-gutterForeground)',
borderRadius: 'var(--border-radius-base)',
}, },
'.cm-tooltip': { '.cm-tooltip': {
maxWidth: BASE_STYLING.tooltip.maxWidth, maxWidth: BASE_STYLING.tooltip.maxWidth,