Components
Stop detail overlay
Station and stop detail stack over the current Home, Nearby or Search page inside the core sheet. The top-right xmark restores that page and its prior sheet position. Same order for train stations and bus stops; shown here at full.
Station · Updated just now
Clark/Lake
| Order | Grabber · title row (title, close) · metadata row · route chips with Live and Favorite trailing · direction · arrivals. Half and full share this order; full shows every arrival row |
|---|---|
| Metadata row | Caption: Updated … for a station, Stop N · Updated … for a bus stop; Muted, Warn from 120 s. Train stations lead it with the alert glyph (only when an alert applies) and the figure.roll accessibility button, each in a 44 target. The close 44 sits at the top trailing corner of the title row |
| Title row | Title, one line (two at accessibility sizes), scaling down to 0.5 before truncating. Tapping the title pans the map back to the stop, keeping zoom; the sheet stays where it is |
| Actions | Live tracking and Favorite icon buttons 44, trailing on the chip row. No route-geometry line in the header |
| Freshness | Updated just now under 15 s, then Updated 15s / 30s / 45s ago, then whole minutes (1 min ago, 2 min ago…). Changes only at those boundaries, never per second. Updating… before the first load |
| Direction | Opens on the direction the stop was opened with: the favorite’s or Live card’s saved direction, the tapped bus stop’s direction, otherwise the first. A Brown Line station reads Kimball / Loop |
| Bus stop group | A bus stop sheet covers its stop group (the physical stops for each direction at one corner). The direction control offers every direction in the group; switching marks that direction’s physical stop on the map and pans only when it is off screen, keeping zoom. Favorite and Live act on the physical stop shown |
| Accessibility | The figure.roll button is Good when CTA reports step-free access, Warn when it reports none, Muted when unknown. Tapping it opens a centered system alert titled Accessibility with one sentence and a Close button |
| Positions | Low 180 · half 50% · full to top + 4. Selecting a stop opens at half; never dismissed by dragging. Low is the compact row, half shows three arrival rows, full shows them all |
| Chrome | Radius 28 on all corners, grabber 40 × 5 Inactive, shadow / sheet |
| Grabber zone | Top 28 of the sheet holds only the grabber; the identity row starts below it at every detent, so nothing ever sits beside or under the grabber |