Commit 4765ddf
authored
fix(programa): responsive issues in view-mode toggle and grid view (#222)
## 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 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 a `max-w-full
overflow-x-auto` wrapper provides internal scroll instead of forcing
page-level scroll.
## Verification
Playwright at 375 / 768 / 1280:
- No horizontal overflow on list or grid view
- Toggle height 62px across all breakpoints, single-row layout on mobile
## Files changed
- `src/components/ProgramaPage.astro` (+8 / -12)1 parent 8c2fde7 commit 4765ddf
1 file changed
Lines changed: 8 additions & 12 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
24 | 24 | | |
25 | 25 | | |
26 | 26 | | |
27 | | - | |
28 | | - | |
29 | | - | |
30 | | - | |
31 | | - | |
32 | | - | |
33 | 27 | | |
34 | 28 | | |
35 | 29 | | |
| |||
107 | 101 | | |
108 | 102 | | |
109 | 103 | | |
110 | | - | |
111 | | - | |
112 | | - | |
113 | | - | |
114 | | - | |
115 | | - | |
| 104 | + | |
| 105 | + | |
| 106 | + | |
| 107 | + | |
| 108 | + | |
| 109 | + | |
| 110 | + | |
| 111 | + | |
116 | 112 | | |
117 | 113 | | |
118 | 114 | | |
| |||
0 commit comments