Skip to content

fix(programa): view-mode flash + responsive toggle #221

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

Closed
itziarZG wants to merge 17 commits into from
Closed

fix(programa): view-mode flash + responsive toggle #221

Changes from all commits
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
bb27cbc
feat(programa): improve accessibility of Pretalx widget
itziarZG Jul 10, 2026
39584b0
feat(programa): add accessible list view as alternative to Pretalx wi…
itziarZG Jul 10, 2026
a7bcdb7
feat(programa): default to visual grid view, keep list as opt-in
itziarZG Jul 10, 2026
c21ee84
Merge remote-tracking branch 'origin/main' into feat/programa-a11y
Jul 12, 2026
9f5abcd
style: format with prettier
Jul 12, 2026
a9c4aa2
feat(programa): add lang attribute to talk title, subtitle and abstract
itziarZG Jul 12, 2026
72b221b
feat(programa): add favorite toggle to list view, synced with widget
itziarZG Jul 12, 2026
c3c42d5
fix(programa): make favorite toggle a11y state follow W3C APG
itziarZG Jul 12, 2026
a569f08
style(programa): constrain schedule list width to keep heart button c…
itziarZG Jul 12, 2026
b418250
feat(programa): add 'only favourites' filter to list view
itziarZG Jul 12, 2026
df69d2d
fix(programa): wire favourites filter through event delegation + add …
itziarZG Jul 12, 2026
48cd9ce
fix(programa): debug-friendly filter button binding
itziarZG Jul 12, 2026
4b6277e
fix(programa): restore view mode persistence per team feedback
itziarZG Jul 12, 2026
9a05178
fix(programa): use is:global for filter CSS to cross Astro component …
itziarZG Jul 12, 2026
002e358
fix(programa): eliminate view-mode flash on first paint
itziarZG Jul 13, 2026
9f0de87
fix(programa): responsive issues in view-mode toggle and grid view
itziarZG Jul 13, 2026
ad74489
Merge remote-tracking branch 'origin/main' into feat/programa-a11y
itziarZG Jul 13, 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
20 changes: 8 additions & 12 deletions src/components/ProgramaPage.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,12 +24,6 @@ const schedule = await getSchedule()
class="schedule-view-toggle max-w-3xl mx-auto mb-8 border border-white/10 rounded-xl p-3 flex flex-wrap items-center gap-2 bg-pycon-black/40"
>
<legend class="sr-only">{t.list.viewModeLegend}</legend>
<span
aria-hidden="true"
class="text-xs uppercase tracking-wider text-pycon-gray-25/70 px-2 font-semibold"
>
{t.list.viewModeLegend}
</span>
<label
class="cursor-pointer px-4 py-2 rounded-lg text-sm has-[:checked]:bg-pycon-orange has-[:checked]:text-pycon-black has-[:checked]:font-semibold text-pycon-gray-25 transition-colors"
>
Expand Down Expand Up @@ -107,12 +101,14 @@ const schedule = await getSchedule()
</div>

<div id="schedule-grid-view" class="schedule-view" data-view="grid">
<pretalx-schedule
event-url="https://pretalx.com/pycones-2026/"
locale={t.locale}
format="grid"
style="--pretalx-clr-primary: #03004b; --pretalx-clr-success: #2e7d32; color-scheme: light"
></pretalx-schedule>
<div class="overflow-x-auto max-w-full">
<pretalx-schedule
event-url="https://pretalx.com/pycones-2026/"
locale={t.locale}
format="grid"
style="--pretalx-clr-primary: #03004b; --pretalx-clr-success: #2e7d32; color-scheme: light"
></pretalx-schedule>
</div>

<div id="schedule-status" role="status" aria-live="polite" aria-atomic="true" class="sr-only"></div>

Expand Down
Loading