fix: always use white fill on transit leg end stops

vesameskanen · vesameskanen · commit de030da32a2f · 2025-11-25T16:45:43.000+02:00
diff --git a/app/component/itinerary/ItineraryCircleLine.js b/app/component/itinerary/ItineraryCircleLine.js
@@ -53,7 +53,7 @@ class ItineraryCircleLine extends React.Component {
           xmlns="http://www.w3.org/2000/svg"
           width={28}
           height={28}
-          style={{ fill: this.props.color, stroke: this.props.color }}
+          style={{ fill: '#fff', stroke: this.props.color }}
         >
           <circle strokeWidth="4" width={28} cx={11} cy={10} r={6} />
         </svg>
@@ -100,7 +100,7 @@ class ItineraryCircleLine extends React.Component {
           xmlns="http://www.w3.org/2000/svg"
           width={28}
           height={28}
-          style={{ fill: this.props.color, stroke: this.props.color }}
+          style={{ fill: '#fff', stroke: this.props.color }}
         >
           <circle strokeWidth="4" width={28} cx={11} cy={10} r={6} />
         </svg>
diff --git a/app/component/itinerary/ItineraryCircleLineWithIcon.js b/app/component/itinerary/ItineraryCircleLineWithIcon.js
@@ -94,7 +94,7 @@ class ItineraryCircleLineWithIcon extends React.Component {
           xmlns="http://www.w3.org/2000/svg"
           width={28}
           height={28}
-          style={{ fill: this.props.color, stroke: this.props.color }}
+          style={{ fill: '#fff', stroke: this.props.color }}
         >
           <circle strokeWidth="4" width={28} cx={11} cy={10} r={6} />
         </svg>

Original file line number	Diff line number	Diff line change
`@@ -94,7 +94,7 @@ class ItineraryCircleLineWithIcon extends React.Component {`
`94`	`94`	`xmlns="http://www.w3.org/2000/svg"`
`95`	`95`	`width={28}`
`96`	`96`	`height={28}`
`97`		`- style={{ fill: this.props.color, stroke: this.props.color }}`
	`97`	`+ style={{ fill: '#fff', stroke: this.props.color }}`
`98`	`98`	`>`
`99`	`99`	`<circle strokeWidth="4" width={28} cx={11} cy={10} r={6} />`
`100`	`100`	`</svg>`