Skip to content

Destination list: the station name is never squeezed out by the count chip - #67

Merged
davd-gzl merged 1 commit into
mainfrom
browse-card-name
Sep 10, 2026
Merged

davd-gzl merged 1 commit into
mainfrom
browse-card-name

Conversation

@davd-gzl

Copy link
Copy Markdown
Collaborator

7/10, high

Problem

Browsing every destination from a station gives a list of cards with no station name on them. In a 1100px wide window each card reads 24 this day · 285 this month 1 h 56 and nothing else, so the list cannot be used to pick a place.

The live site at d2593c5 in headless Chromium, 1100x700, English, the first six cards of Departing Paris on 10 September:

Six destination cards showing only a count chip and a duration

The card is one flex row in groupCardEl: the name, then the chips, then the 74px arrow stub. The chips and the stub never shrink, and the name is the one item that may, down to nothing. At that window the list column is 350px and the chip alone is 201px, so every name gets 6px, "Lyon" included. Any window that leaves the column near its 340px minimum does the same, in every locale whose chip runs as long as the English one.

Fix

The name sits on its own line above the chips, in the stacked shape the Ideas and discovery rows already use, so it reads in full at every width and the chips wrap under it. A chip wider than the column wraps its words, as it already does under 520px, rather than running under the arrow stub. The card keeps its 58px height at 1600px, where the chip and the duration still share one line, grows to 94px at 1100px, and at 390px shows the longest name in the list, "Valence Tgv Auvergne Rhone Alpes", whole.

The same crop from this branch, served from its built dist/:

The same six cards, each with its station name above the count chip

… chip

The from/to card was one flex row where the count chip and the arrow stub never shrink and the name may shrink to nothing: at a 1100px window every name got 6px. The name now sits on its own line above the chips, the shape the Ideas rows use, and a chip wider than the column wraps its words.
@davd-gzl
davd-gzl merged commit ce956b6 into main Sep 10, 2026
1 check passed
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