mirror of https://github.com/FreshRSS/FreshRSS.git synced 2026-04-18 13:27:19 -04:00

Files

Michael 61f3151f7f Convert feed view into grid where appropriate (#8631 )

* 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>

2026-03-31 09:53:09 +02:00

base.css

Better transitions between groups of articles (#8174 )

2025-11-04 12:49:21 +01:00

base.rtl.css

Better transitions between groups of articles (#8174 )

2025-11-04 12:49:21 +01:00

frss.css

Convert feed view into grid where appropriate (#8631 )

2026-03-31 09:53:09 +02:00

frss.rtl.css

Convert feed view into grid where appropriate (#8631 )