fix(programa): responsive issues in view-mode toggle and grid view#222
Merged
Conversation
Two small responsive fixes for /programa:
1. Remove redundant view-mode label. The <span> displaying
'Schedule view mode' was redundant with the radio button labels
('List' / 'Visual grid') and forced the fieldset to wrap to two
rows in mobile (375px), making the toggle 86px tall. The accessible
<legend> remains for screen readers.
2. Wrap <pretalx-schedule> in overflow-x-auto container. The Pretalx
web component renders an internal layout of ~1690px that caused
horizontal page scroll in tablet (768) and desktop (1280). The
shadow DOM can't be styled from outside, so the wrapper provides
internal scroll instead of forcing page-level scroll.
Verified with Playwright at 375/768/1280: no horizontal overflow,
toggle height 62px across all breakpoints, single-row layout in
mobile.
francescarpi
approved these changes
Jul 13, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Two small responsive fixes for
/programa.1. Remove redundant view-mode label
The
<span>displaying "Schedule view mode" was redundant with the radio labels ("List" / "Visual grid") and forced the fieldset to wrap to two rows on mobile (375px), making the toggle 86px tall. The accessible<legend>remains for screen readers.2. Wrap
<pretalx-schedule>in overflow containerThe Pretalx web component renders an internal layout of ~1690px that caused horizontal page scroll in tablet (768) and desktop (1280). The shadow DOM can't be styled from outside, so a
max-w-full overflow-x-autowrapper provides internal scroll instead of forcing page-level scroll.Verification
Playwright at 375 / 768 / 1280:
Files changed
src/components/ProgramaPage.astro(+8 / -12)