Lots more whitespace in Latest view after upgrading to 3.5.0

Product Support

AI-generated summary

After upgrading to Discourse 3.5.0.beta1, mcdanlj noticed excessive vertical whitespace and misaligned icons (like bookmark and pinned) in the Latest view across all installed themes, reducing usability. They questioned whether this was an intentional UX change or a CSS bug, providing screenshots comparing the issue with a site still on 2.4.0.beta3. In a follow-up, mcdanlj confirmed the issue persisted post-update and asked if others were experiencing it. Arkshine identified the likely cause as a side-effect of the update related to the topic-link plugin and tooltips (referencing meta.discourse.org/t/discourse-tooltips/69304), and suggested a temporary CSS fix: .link-top-line > .fk-d-tooltip__trigger-container { display: block; }. mcdanlj confirmed the fix didn’t work for them (though CSS was being delivered) but noted they’re unsure how critical the tooltips are, indicating willingness to live without them if needed.

1

I have upgraded to 3.5.0.beta1, and the latest view has a lot of vertical whitespace that it didn’t previously have in the Neutral, light, graceful, and dark themes (all the themes I have installed). Of course, I can’t undo the update to take a screen shot from before the update, but I am seeing poor alignment of icons (see the bookmark and pinned icons on the “Getting Started” topic" here), and lots of empty space in each entry.

image
image1964×1427 307 KB

This is a significant reduction in utility of the Latest view for me. Is this an intentional UX change in the update, or a CSS bug?

Here’s a comparison with another site running 2.4.0.beta3, showing the difference in space around the title, separating it from the category:

image
image2066×399 70.2 KB

2

I updated today and this has persisted. Is no one else seeing anything like this?

3

@mcdanlj From what I see on your forum, it’s related to Discourse Tooltips.

It might be possible a side-effect of the update to use the topic-link plugin outlet and CSS adjustments might be missing.
I did not check much yet.

A quick CSS fix that you can try, for now:

.link-top-line > .fk-d-tooltip__trigger-container {
  display: block;
}
4

I had missed that when I was testing disabling plugins! Nice catch, that’s definitely it. :heart:

The CSS fix isn’t working for me (and I have confirmed that it’s being sent), but I don’t know how important the tooltips are either. :smiley: