Skip to content

SF2.0[FIX]: Timetable in narrow mobile #3084

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
lvachon1 merged 2 commits into from
Apr 3, 2026
Merged

SF2.0[FIX]: Timetable in narrow mobile #3084

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
e2378bf
Adjusted timetable classes to shrink with the view and text-wrap the …
lvachon1 Apr 3, 2026
84f8a9d
Merge branch 'main' into lev/fix/wc/timetable_overflow
lvachon1 Apr 3, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions lib/dotcom_web/live/world_cup_timetable_live.html.heex
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,12 +48,12 @@
</div>
<% end %>
</nav>
<div :if={@selected_match}>
<div :if={@selected_match} class="w-full overflow-x-auto">
Comment thread
thecristen marked this conversation as resolved.
<% {_, _, _, _, group_times} = @selected_match %>
<h2 class="mt-0">{~t(Boarding Groups)}</h2>
<table class="mbta-table max-w-fit">
<table class="mbta-table max-w-fit ">
<thead class="bg-brand-primary-lightest-contrast">
<tr class="!border-b-[1px] !border-gray-lighter">
<tr class="!border-b-[1px] !border-gray-lighter ">
<th scope="col">
<span class="sr-only">
{~t(Group Name)}
Expand All @@ -71,7 +71,7 @@
<tr :for={{group_name, check_in_time_range, arrival_time_range} <- group_times}>
<th
scope="row"
class="flex flex-nowrap gap-sm items-center text-nowrap border-r-[1px] border-gray-lighter"
class="flex flex-nowrap gap-sm items-center border-r-[1px] border-gray-lighter "
>
{group_name} <.ticket_icon />
Comment thread
thecristen marked this conversation as resolved.
</th>
Expand Down
Loading