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 10:15:39 +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
packages/core/src/theme-default.css
+22 -7
View File
@@ -55,13 +55,6 @@
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 var(--vf-node-color);
}
.vue-flow__handle { .vue-flow__handle {
background: var(--vf-handle); background: var(--vf-handle);
} }
@@ -76,11 +69,19 @@
} }
.vue-flow__node-input { .vue-flow__node-input {
--vf-node-color: var(--vf-node-color, #0041d0);
--vf-handle: var(--vf-node-color, #0041d0); --vf-handle: var(--vf-node-color, #0041d0);
--vf-box-shadow: var(--vf-node-color, #0041d0); --vf-box-shadow: var(--vf-node-color, #0041d0);
background: var(--vf-node-bg); background: var(--vf-node-bg);
border-color: var(--vf-node-color, #0041d0); 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 { .vue-flow__node-default {
@@ -89,6 +90,13 @@
background: var(--vf-node-bg); background: var(--vf-node-bg);
border-color: var(--vf-node-color, #1a192b); 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 { .vue-flow__node-output {
@@ -97,6 +105,13 @@
background: var(--vf-node-bg); background: var(--vf-node-bg);
border-color: var(--vf-node-color, #ff0072); 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, .vue-flow__nodesselection-rect,