I like the new layout overall, but some changes are of course and in my opinion debatable choices.
Here is what bothers me a little bit with the new design:
The thumbnails are too wide, and most pictures are cut out. See my screenshot here, you can see a typical part of the page where we can barely see the titles in the thumbnails, and the third one is so cut that it’s almost only skin.
My second point that is way less important is the “Last visit” red line / seperator. It would be nice if it’d be more apparent, maybe add a padding or margin top/bottom so it stands out when you scroll? Right now, at least in dark mode, it’s almost invisible. My trick is to scrolldown several pages then search for ‘last’ or ‘visit’ keyword to actually find it.
For the 'tr' spacing
.tiles-style.side-by-side tbody .topic-list-item { margin-top: 0.5em; margin-bottom: 0.5em; }
For the image ratio/width it is complicated... you'd need to adjust the height and width for different screen size. My fix was more like a hack to show my thoughts. What I'd usually do in this case is to set a fixed height, and also a ratio on the img tag or the div containing the image tag.
You must already know that, but make sure you test it on different screen size before pushing to prod, there might be multiple media queries, or if you use tailwind, might need to change some other classes. Also test in light mode! maybe the pink won't be really nice on light mode...
I reduced the spacing to 2.5em, only because I see on my monitor ratio the patch has a lot of whitespace that makes the page weirdly emptier feeling, the double top and bottom margins being the likely cause.
Believe it or not this issue was worse. I patched it already to make it not so bad.
But ultimately it’s up to discourse devs. They don’t use tailwind but I can directly patch the client-side with theme components which take JS, CSS, and HTML.
If you want to reproduce, click on let’s say General under Categories to open the General post page. You will see the General will be highlighted in pink. Then hover your mouse over it, the pink goes away. I ‘THINK’ and it might be a matter of opinion again, that it should stay on hover but only for the page you currently are on. It doesn’t affect the small highlight on the other items (the pages that you are not on). Not a biggy anyways… you can try it and revert if you don’t like
Hey I do not want to open a new thread as this seems to have been discussed here.
But I, like OP, have an issue with the thumbnails. On 21:9 (3440 x 1440) the thumbnails are stretched when using the page in full screen mode and I find myself manually adjusting the window size to see them properly.
It is nothing major but most definitely an inconvenience and if it could be changed to keep the orignal ratio or make this toggleable in the settings it would be very much appreciated from my side.
