alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(core): remove node border styles from required styles (#1954)

Browse Source 
* fix(core): remove node border styles from required styles

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

* chore(changeset): add

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

---------

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
Braks
2025-09-11 15:14:45 +02:00
parent c9770732dc
commit 2ebe3d9088
3 changed files with 87 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/core/src/theme-default.css
+23 -16
View File
@@ -1,7 +1,7 @@
:root {
--vf-node-bg: #fff;
--vf-node-text: #222;
--vf-connection-path: #b1b1b7;
--vf-connection-path: #b1b1b7;
--vf-handle: #555;
}
@@ -32,8 +32,8 @@
.vue-flow__node.selectable {
&:focus,
&:focus-visible {
outline: none;
}
outline: none;
}
}
.vue-flow__node-default,
@@ -52,8 +52,15 @@
&.selected,
&.selected:hover {
box-shadow: 0 0 0 0.5px var(--vf-box-shadow);
}
box-shadow: 0 0 0 0.5px var(--vf-box-shadow);
}
&.selected,
&:focus,
&:focus-visible {
outline: none;
border: 1px solid #555;
}
.vue-flow__handle {
background: var(--vf-handle);
@@ -79,9 +86,9 @@
&.selected,
&:focus,
&:focus-visible {
outline: none;
border: 1px solid var(--vf-node-color, #0041d0);
}
outline: none;
border: 1px solid var(--vf-node-color, #0041d0);
}
}
.vue-flow__node-default {
@@ -94,9 +101,9 @@
&.selected,
&:focus,
&:focus-visible {
outline: none;
border: 1px solid var(--vf-node-color, #1a192b);
}
outline: none;
border: 1px solid var(--vf-node-color, #1a192b);
}
}
.vue-flow__node-output {
@@ -109,9 +116,9 @@
&.selected,
&:focus,
&:focus-visible {
outline: none;
border: 1px solid var(--vf-node-color, #ff0072);
}
outline: none;
border: 1px solid var(--vf-node-color, #ff0072);
}
}
.vue-flow__nodesselection-rect,
@@ -121,8 +128,8 @@
&:focus,
&:focus-visible {
outline: none;
}
outline: none;
}
}
.vue-flow__handle {