mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-11-10 06:34:05 -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 GitHub
parent 62751b5a0b
commit 48446f5d67
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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': {
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,