From 9cfbdacbac34ebab0b75d30c277c2df87c61a9ff Mon Sep 17 00:00:00 2001
From: AlexBxl <alex@hyma.io>
Date: Fri, 22 Nov 2024 12:43:20 +0100
Subject: [PATCH] added back strokes to node edges

---
 packages/graph-editor/src/components/flow/edges/edge.tsx | 1 +
 packages/graph-editor/src/css/reactflow.css              | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/packages/graph-editor/src/components/flow/edges/edge.tsx b/packages/graph-editor/src/components/flow/edges/edge.tsx
index 403fdf2b..e86b056e 100644
--- 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
index cd265862..52e321ae 100644
--- 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;