Skip to content

SF2.0[fix]: Realtime icon doesn't scale with font size#3064

Merged
lvachon1 merged 2 commits intomainfrom
lev/fix/sf/realtime_icon_font_scale
Mar 30, 2026
Merged

SF2.0[fix]: Realtime icon doesn't scale with font size#3064
lvachon1 merged 2 commits intomainfrom
lev/fix/sf/realtime_icon_font_scale

Conversation

@lvachon1
Copy link
Copy Markdown
Contributor

Scope

Asana Ticket: 📅🔎 Realtime icon doesn't scale with font size

Implementation

Added width and height in em units to realtime icon so that it will scale with the user's selected font size.

Screenshots

Loca,l medium font size--------------------------------------Dev-Green, medium font size
Screenshot 2026-03-30 at 11 23 10 AM

Local, very small font size-------------------------------------Dev-Green, very small font size
Screenshot 2026-03-30 at 11 22 36 AM

Local, very large font size-------------------------------------Dev-Green, very large font size
Screenshot 2026-03-30 at 11 22 07 AM

How to test

Load any route with realtime tracking (and optionally crowding info to compare). Adjust Chrome's font-size setting (not zoom) to test that the realtime icon scales accordingly.

@lvachon1 lvachon1 requested a review from a team as a code owner March 30, 2026 15:29
@lvachon1 lvachon1 requested a review from joshlarson March 30, 2026 15:29
Copy link
Copy Markdown
Contributor

@joshlarson joshlarson left a comment

Choose a reason for hiding this comment

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

Left one suggestion that might simplify things (we've got Tailwind - might as well use it!)

Comment thread lib/dotcom_web/live/schedule_finder_live.ex Outdated
@lvachon1 lvachon1 merged commit c2e1cc9 into main Mar 30, 2026
30 of 31 checks passed
@lvachon1 lvachon1 deleted the lev/fix/sf/realtime_icon_font_scale branch March 30, 2026 17:16
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