Plan-graph round 10 (owner): the glow paints above the box fill
Paint order inside a node group: box fill/stroke → yellow glow → text. The round-9 background fill no longer dims the glow inside the current node's box, edges behind boxes still dim under the fill (round 9 intact), and the title text stays crisp above the glow.
This commit is contained in:
@@ -349,9 +349,19 @@ export function PlanDiagram({
|
|||||||
data-testid={`plan-node-${n.id}`}
|
data-testid={`plan-node-${n.id}`}
|
||||||
data-status={status}
|
data-status={status}
|
||||||
>
|
>
|
||||||
|
{/* Rectangular — no corner rounding (owner). */}
|
||||||
|
<rect
|
||||||
|
width={NODE_W}
|
||||||
|
height={h}
|
||||||
|
className={monochrome ? MONO_BOX : BOX[status]}
|
||||||
|
strokeWidth={1.5}
|
||||||
|
/>
|
||||||
{glow && (
|
{glow && (
|
||||||
// The current node's highlight: faint yellow, blurred so it
|
// The current node's highlight: faint yellow, blurred so it
|
||||||
// bleeds over the edges — static, no pulse (owner, round 6).
|
// bleeds over the edges — static, no pulse (owner, round 6).
|
||||||
|
// Paints ABOVE the box fill (owner, round 10): the round-9
|
||||||
|
// background fill no longer dims the glow inside the box,
|
||||||
|
// while edges behind the box still dim under that fill.
|
||||||
<rect
|
<rect
|
||||||
x={-GLOW_MARGIN}
|
x={-GLOW_MARGIN}
|
||||||
y={-GLOW_MARGIN}
|
y={-GLOW_MARGIN}
|
||||||
@@ -361,13 +371,6 @@ export function PlanDiagram({
|
|||||||
filter={`url(#${markerId}-glow)`}
|
filter={`url(#${markerId}-glow)`}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
{/* Rectangular — no corner rounding (owner). */}
|
|
||||||
<rect
|
|
||||||
width={NODE_W}
|
|
||||||
height={h}
|
|
||||||
className={monochrome ? MONO_BOX : BOX[status]}
|
|
||||||
strokeWidth={1.5}
|
|
||||||
/>
|
|
||||||
{lines.map((line, i) => (
|
{lines.map((line, i) => (
|
||||||
<text
|
<text
|
||||||
key={i}
|
key={i}
|
||||||
|
|||||||
Reference in New Issue
Block a user