mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-02-21 02:56:40 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(editor): Improve node selection outline in new canvas (no-changelog) (#10430)

Browse source
This commit is contained in:
Alex Grozav 2024-08-15 13:18:20 +03:00 committed by GitHub
parent 469896ac0d
commit 6d698fd97d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/design-system/src/css/_tokens.dark.scss
View file

@ -71,6 +71,7 @@
--color-canvas-dot: var(--prim-gray-670); --color-canvas-dot: var(--prim-gray-670);
--color-canvas-read-only-line: var(--prim-gray-800); --color-canvas-read-only-line: var(--prim-gray-800);
--color-canvas-selected: var(--prim-gray-0-alpha-025); --color-canvas-selected: var(--prim-gray-0-alpha-025);
--color-canvas-selected-transparent: var(--color-canvas-selected);
// Nodes // Nodes
--color-node-background: var(--prim-gray-740); --color-node-background: var(--prim-gray-740);

1
packages/design-system/src/css/_tokens.scss
View file

@ -79,6 +79,7 @@
--color-canvas-dot: var(--prim-gray-120); --color-canvas-dot: var(--prim-gray-120);
--color-canvas-read-only-line: var(--prim-gray-30); --color-canvas-read-only-line: var(--prim-gray-30);
--color-canvas-selected: var(--prim-gray-70); --color-canvas-selected: var(--prim-gray-70);
--color-canvas-selected-transparent: hsla(var(--prim-gray-h), 47%, 30%, 0.1);
// Nodes // Nodes
--color-node-background: var(--color-background-xlight); --color-node-background: var(--color-background-xlight);

2
packages/editor-ui/src/components/canvas/elements/nodes/render-types/CanvasNodeDefault.vue
View file

@ -184,7 +184,7 @@ function openContextMenu(event: MouseEvent) {
*/ */
&.selected { &.selected {
box-shadow: 0 0 0 4px var(--color-canvas-selected); box-shadow: 0 0 0 8px var(--color-canvas-selected-transparent);
} }
&.success { &.success {