Commit e5bbc51
committed
fix(programa): responsive issues in view-mode toggle and grid view
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.1 parent 8c2fde7 commit e5bbc51
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