added back strokes to node edges

tokens-studio · Nov 22, 2024 · 9cfbdac · 9cfbdac
1 parent 8b34189
commit 9cfbdac
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/packages/graph-editor/src/components/flow/edges/edge.tsx b/packages/graph-editor/src/components/flow/edges/edge.tsx
@@ -84,6 +84,7 @@ export default function CustomEdge({
 
   return (
     <>
+      <path className="react-flow__edge-path-back" d={edgePath} />
       <path
         id={id}
         className="react-flow__edge-path"

diff --git a/packages/graph-editor/src/css/reactflow.css b/packages/graph-editor/src/css/reactflow.css
@@ -79,6 +79,12 @@
     stroke-opacity: 0.5;
 
 }
+.react-flow__edge-path-back
+{
+    stroke-width: 8px !important;
+    stroke: var(--colors-graphBg) !important;
+    fill: none;
+}
 .react-flow__edge-path,
 .react-flow__connection-path {
     stroke-width: 4px !important;