Commit 9a05178
committed
fix(programa): use is:global for filter CSS to cross Astro component scope
The 'only favourites' filter was toggling the button state and
adding the .filter-favorites-only class to the list view, but the
session cards were not being hidden. Reason: the CSS rule was in
ProgramaPage.astro and Astro's scoped styles injected
data-astro-cid-nm3rvpko into every selector, including .schedule-list
and li. But those elements are rendered by ScheduleList.astro which
has its own data-astro-cid-zmszfzov, so the selector never matched.
Fix: extract the filter CSS into an is:global block so the selector
reaches across the component boundary. Verified end-to-end with
Playwright:
- 0 favourites: 56/56 hidden (everything is filtered out)
- 1 favourite set: 1 visible, 55 hidden
- Toggle off: 56 visible again1 parent 4b6277e commit 9a05178
1 file changed
Lines changed: 8 additions & 0 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
143 | 143 | | |
144 | 144 | | |
145 | 145 | | |
| 146 | + | |
| 147 | + | |
| 148 | + | |
| 149 | + | |
| 150 | + | |
| 151 | + | |
| 152 | + | |
| 153 | + | |
146 | 154 | | |
147 | 155 | | |
148 | 156 | | |
| |||
0 commit comments