From 583b4f6c976b9576dfd51a3fbb2e1d488435f436 Mon Sep 17 00:00:00 2001 From: ciregenz Date: Wed, 15 Jul 2026 22:41:18 -0700 Subject: [PATCH] [eric] dashboard: connector/tether lines render behind cards (zIndex 10 cut through the chat + browsers; now tuck under like a node graph) --- frontend/src/app/pages/Dashboard/canvas/TetherLayer.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/frontend/src/app/pages/Dashboard/canvas/TetherLayer.tsx b/frontend/src/app/pages/Dashboard/canvas/TetherLayer.tsx index b57481bc..aa72a56e 100644 --- a/frontend/src/app/pages/Dashboard/canvas/TetherLayer.tsx +++ b/frontend/src/app/pages/Dashboard/canvas/TetherLayer.tsx @@ -21,7 +21,8 @@ const TetherLayer: React.FC = ({ tethers, c }) => { height: 1, overflow: 'visible', pointerEvents: 'none', - zIndex: 10, + // Behind every card (cards use zOrder 1..N as their z-index): connector lines tuck UNDER the cards like a node graph, visible only in the gaps between them. At zIndex 10 the line drew OVER any card with zOrder < 10, so it cut through the chat and the browsers. + zIndex: 0, }} >