feat: added gradient border opacity (#1434)

claustres · claustres · commit b9dea7fcca63 · 2026-04-14T09:10:22.000+02:00
diff --git a/map/client/leaflet/GradientPath.js b/map/client/leaflet/GradientPath.js
@@ -134,9 +134,10 @@ function buildSVGGradientPath (geojson, coordinates) {
   if (stroke) {
     const color = _.get(stroke, 'color', 'black')
     const width = _.get(stroke, 'width', 1)
+    const opacity = _.get(stroke, 'opacity', 1)
     if (color !== 'transparent' && width > 0) {
       const border = coordinates.map((p, i) => i === 0 ? `M ${p.x} ${p.y}` : `L ${p.x} ${p.y}`).join(' ')
-      lines.push(`<path d="${border}" stroke="${color}" stroke-width="${geojson.properties.weight + 2 * width}" stroke-linecap="round" stroke-linejoin="bevel" fill="none" vector-effect="non-scaling-stroke"/>`)
+      lines.push(`<path d="${border}" stroke="${color}" stroke-width="${geojson.properties.weight + 2 * width}" stroke-opacity="${opacity}" stroke-linecap="round" stroke-linejoin="bevel" fill="none" vector-effect="non-scaling-stroke"/>`)
     }
   }
   // Build the gradient path segment by segment

Original file line number	Diff line number	Diff line change
`@@ -134,9 +134,10 @@ function buildSVGGradientPath (geojson, coordinates) {`
`134`	`134`	`if (stroke) {`
`135`	`135`	`const color = _.get(stroke, 'color', 'black')`
`136`	`136`	`const width = _.get(stroke, 'width', 1)`
	`137`	`+ const opacity = _.get(stroke, 'opacity', 1)`
`137`	`138`	`if (color !== 'transparent' && width > 0) {`
`138`	`139`	const border = coordinates.map((p, i) => i === 0 ? `M ${p.x} ${p.y}` : `L ${p.x} ${p.y}`).join(' ')
`139`		- lines.push(`<path d="${border}" stroke="${color}" stroke-width="${geojson.properties.weight + 2 * width}" stroke-linecap="round" stroke-linejoin="bevel" fill="none" vector-effect="non-scaling-stroke"/>`)
	`140`	+ lines.push(`<path d="${border}" stroke="${color}" stroke-width="${geojson.properties.weight + 2 * width}" stroke-opacity="${opacity}" stroke-linecap="round" stroke-linejoin="bevel" fill="none" vector-effect="non-scaling-stroke"/>`)
`140`	`141`	`}`
`141`	`142`	`}`
`142`	`143`	`// Build the gradient path segment by segment`