Skip to content

feat(SF2.0): Update marker for skipped stops in expanded trip details#3046

Merged
joshlarson merged 3 commits intomainfrom
jdl/sf2.0/new-marker-for-skipped-stops
Mar 27, 2026
Merged

feat(SF2.0): Update marker for skipped stops in expanded trip details#3046
joshlarson merged 3 commits intomainfrom
jdl/sf2.0/new-marker-for-skipped-stops

Conversation

@joshlarson
Copy link
Copy Markdown
Contributor

Scope

Asana Ticket: 📅🔎 Update skipped stop marker

Implementation

  • Turns out, you can use fill="currentColor" in an SVG to cause a path to get filled with the current text color instead of the current fill color!

Screenshots

Screenshot 2026-03-23 at 4 30 45 PM Screenshot 2026-03-23 at 4 31 22 PM

Check out how nicely it respects the foreground and background colors!

How to test

Create a fake stop closure in Alerts Manager Staging and then visit departures page a departure page for another stop on the same route. (Right now, Main St @ Copeland St has a fake stop closure, so you can take a look at Main St @ Gilbert St - expand any of the trip details, and enjoy the new marker!)

Notes

There is a known bug where sometimes skipped stops don't appear in the expanded trip details at all. I think that happens when the scheduled time for that stop drifts into the past (there's a separate ticket to address that), or when the trip in question is added, and doesn't include a prediction at that stop (I'm honestly not sure if we can address that).

@joshlarson joshlarson requested a review from a team as a code owner March 23, 2026 20:35
@joshlarson joshlarson requested a review from lvachon1 March 23, 2026 20:35
@joshlarson joshlarson enabled auto-merge (squash) March 23, 2026 20:41
@lvachon1
Copy link
Copy Markdown
Contributor

Screenshot 2026-03-26 at 1 47 40 PM It appears we have a white border of some kind that doesn't play well with the grey background.

Fun fact: I used to take this bus to/from middle school!

@joshlarson
Copy link
Copy Markdown
Contributor Author

@lvachon1 Thanks for catching that!

bg-transparent... what's your deal...

@joshlarson
Copy link
Copy Markdown
Contributor Author

OH! It's not bg-transparent it's ring-white.

Trying to think of an elegant solution here....

@joshlarson
Copy link
Copy Markdown
Contributor Author

I think I fixed it!

I had to change the background color to a regular color, rather than relying on bg-opacity-50. Fortunately, we already had charcoal-90 (which, as it turns out, is what the Figma says to use in that context).

@joshlarson joshlarson disabled auto-merge March 26, 2026 19:46
Copy link
Copy Markdown
Contributor

@lvachon1 lvachon1 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great

@joshlarson joshlarson enabled auto-merge (squash) March 27, 2026 19:01
@joshlarson joshlarson merged commit eaacc12 into main Mar 27, 2026
17 checks passed
@joshlarson joshlarson deleted the jdl/sf2.0/new-marker-for-skipped-stops branch March 27, 2026 19:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants