fix(live): place fading polylines on animationsPane for consistent z-stacking (#1514 M2)

createFadingLeafletLine() shipped with stale 'Uncomment if you created
the custom pane' comments around the pane: 'animationsPane' option, so
post-flight fades rendered on overlayPane (z=400) — UNDER node markers
(z=600). The moving phase already renders on the canvas inside
animationsPane (z=625), so fading polylines now consistently stack
with the trail they came from, above markers but below tooltips/popups.

No marker-overlap concern because fades are short-lived (capped at 5
recent paths, fully transparent within ~520ms).

Refs #1514
This commit is contained in:
OpenClaw Bot
2026-05-31 22:44:36 +00:00
parent 0d32f06300
commit 6d5d439434
+2 -2
View File
@@ -3694,12 +3694,12 @@
if (!pathsLayer) return;
const contrail = L.polyline([anim.from, anim.to], {
// pane: 'animationsPane', // Uncomment if you created the custom pane in the previous step
pane: 'animationsPane', // #1514 M2 — fades stack with the moving phase (z=625).
color: anim.contrailColor, weight: 6, opacity: anim.opacity * 0.2, lineCap: 'round'
}).addTo(pathsLayer);
const line = L.polyline([anim.from, anim.to], {
// pane: 'animationsPane', // Uncomment if you created the custom pane in the previous step
pane: 'animationsPane', // #1514 M2 — fades stack with the moving phase (z=625).
color: anim.lineColor, weight: anim.isDashed ? 1.5 : 2, opacity: anim.opacity,
lineCap: 'round', dashArray: anim.isDashed ? '4 6' : null
}).addTo(pathsLayer);