Skip to content

Commit 3d9132d

Browse files
committed
Fix job DAG edges rendering above nodes
Replace glass-card (backdrop-filter) on operator nodes with a solid background and explicit z-index. backdrop-filter creates a new stacking context that breaks paint order, causing edge arrows to appear on top of nodes. Also removes the backpressure left-border indicator.
1 parent 5ee77bf commit 3d9132d

File tree

1 file changed

+1
-4
lines changed

1 file changed

+1
-4
lines changed

dashboard/src/components/jobs/detail/operator-node.tsx

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -196,10 +196,7 @@ export function OperatorNode({ data }: NodeProps & { data: OperatorNodeData }) {
196196
const nodeContent = (
197197
<div
198198
title=""
199-
className={cn(
200-
"glass-card w-[320px] border-l-[3px] overflow-hidden",
201-
bpColor(metrics.busyTimeMsPerSecond),
202-
)}
199+
className="relative z-10 w-[320px] overflow-hidden rounded-xl border border-white/6 bg-dash-panel"
203200
>
204201
<Handle
205202
type="target"

0 commit comments

Comments
 (0)