admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-21 03:42:16 +00:00
Code Issues 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
1 changed files with 5 additions and 0 deletions
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,