Merge pull request #64 from concord-consortium/187516581-place-edges-…

…under-nodes fix: Place edges under nodes [PT-187516581]
concord-consortium · Sep 27, 2024 · 6cdaa09 · 6cdaa09
2 parents c762418 + 6e9452a
commit 6cdaa09
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/components/graph.tsx b/src/components/graph.tsx
@@ -613,6 +613,7 @@ export const Graph = (props: Props) => {
       .data(d3Graph.edges)
       .enter()
       .append("line")
+      .lower() // add below nodes
       .attr("class", lineBackgroundClass)
       .attr("stroke", "#000")
       .attr("stroke-opacity", 0)
@@ -633,6 +634,7 @@ export const Graph = (props: Props) => {
       .data(d3Graph.edges)
       .enter()
       .append("line")
+      .lower() // add below nodes
       .attr("class", "edge")
       .attr("stroke", "#999")
       .attr("stroke-opacity", lineAndLoopOpacity)
@@ -657,6 +659,7 @@ export const Graph = (props: Props) => {
       .data(d3Graph.nodes.filter(n => n.loops))
       .enter()
       .append("path")
+      .lower() // add below nodes
       .attr("class", "loop-background")
       .attr("d", nodeLoopPath)
       .attr("stroke", "#000")
@@ -674,6 +677,7 @@ export const Graph = (props: Props) => {
       .data(d3Graph.nodes.filter(n => n.loops))
       .enter()
       .append("path")
+      .lower() // add below nodes
       .attr("class", "loop")
       .attr("d", nodeLoopPath)
       .attr("stroke", "#999")