Skip to content

feat(SF2.0): Add The Squiggle for collapsed trip details#3059

Draft
joshlarson wants to merge 1 commit intomainfrom
jdl/sf2.0/the-squiggle
Draft

feat(SF2.0): Add The Squiggle for collapsed trip details#3059
joshlarson wants to merge 1 commit intomainfrom
jdl/sf2.0/the-squiggle

Conversation

@joshlarson
Copy link
Copy Markdown
Contributor

@joshlarson joshlarson commented Mar 27, 2026

Scope

Asana Ticket: 📅🔎〰️ Draw the squiggle

Implementation

  • Hand-rolled SVG's - I finally got to put my (very basic) understanding of Bézíer Curves to work!
  • Fully replace the lined_list_item depending on whether the "more trips" section (this also resolves a kind of annoying visual bug where "Show fewer stops" wasn't aligned exactly the same as "Show more stops", so the text looked like it jumped around a little bit.

Screenshots

Screenshot 2026-03-27 at 5 05 12 PM

How to test

Go to any departures page and see how The Squiggle is there (when there are "more stops" to show), and disappears when "more stops" is expanded.

Notes

Looking at the page zoomed in and expanding "more stops" shows off the fact that the borders for expanded stops appear to be on top of the line diagram, as in the screenshot below. That's an existing issue, unrelated to the work in this PR, and is captured in a different ticket.

Screenshot 2026-03-27 at 5 10 32 PM

(This screenshot was taken in prod)


Blocked by:

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.

1 participant