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

fix(core): selected,focus & focus-visible styles not applying correct default colors

Browse Source 
Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
braks
2023-04-26 09:03:05 +02:00
committed by Braks
parent 18aeefb069
commit 9bd48be27c
1 changed files with 22 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
packages/core/src/theme-default.css
View File

@@ -55,13 +55,6 @@
box-shadow: 0 0 0 0.5px var(--vf-box-shadow);
}
&.selected,
&:focus,
&:focus-visible {
outline: none;
border: 1px solid var(--vf-node-color);
}
.vue-flow__handle {
background: var(--vf-handle);
}
@@ -76,11 +69,19 @@
}
.vue-flow__node-input {
--vf-node-color: var(--vf-node-color, #0041d0);
--vf-handle: var(--vf-node-color, #0041d0);
--vf-box-shadow: var(--vf-node-color, #0041d0);
background: var(--vf-node-bg);
border-color: var(--vf-node-color, #0041d0);
&.selected,
&:focus,
&:focus-visible {
outline: none;
border: 1px solid var(--vf-node-color, #0041d0);
}
}
.vue-flow__node-default {
@@ -89,6 +90,13 @@
background: var(--vf-node-bg);
border-color: var(--vf-node-color, #1a192b);
&.selected,
&:focus,
&:focus-visible {
outline: none;
border: 1px solid var(--vf-node-color, #1a192b);
}
}
.vue-flow__node-output {
@@ -97,6 +105,13 @@
background: var(--vf-node-bg);
border-color: var(--vf-node-color, #ff0072);
&.selected,
&:focus,
&:focus-visible {
outline: none;
border: 1px solid var(--vf-node-color, #ff0072);
}
}
.vue-flow__nodesselection-rect,