mirror of
https://github.com/FreshRSS/FreshRSS.git
synced 2026-04-17 21:07:22 -04:00
61f3151f7f
* Convert feed view into grid where appropriate This makes the feed view prettier on mobile, if thumbnails and summary are shown, as discussed in https://github.com/FreshRSS/FreshRSS/discussions/8629 **Changes proposed in this pull request:** - Converts Feed Item list into multiple lines - But only if both thumbnails and summaries are shown The code is quite different from what I had done in my own hack: There I had used `display: flex` and then counted items, but that only works for my own hack: here we don't know how many items a given user may have, so we use `display:grid` instead with name grid areas. **How to test the feature manually:** 1. Ensure you enable both thumbnails and summaries 2. Check out the feed view on mobile 3. Play around with enabling and disabling bookmarks, share button, etc. **Pull request checklist:** - [x] clear commit messages - [x] code manually tested - [ ] unit tests written (optional if too hard) - [ ] documentation updated **Screenshots:** <img width="458" height="1173" alt="SCR-20260324-jnte" src="https://github.com/user-attachments/assets/1d5c1615-961a-4953-8157-f9f8a5470545" /> <img width="459" height="1172" alt="SCR-20260324-jnwf" src="https://github.com/user-attachments/assets/96ffcea3-384f-4de9-9c50-3366022713d8" /> * remove gap * fix lint errors * fix style errors * remove whitespaces * Reduce use of slow `:has()` CSS selector --------- Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>