New or unread topics banners cover text at /new & /unread

Contribute UX

AI-generated summary

In a UX-focused discussion, Moin reported that the ‘new’ or ‘unread topics’ banners on Discourse’s /new and /unread pages visually obscure the underlying text when no topics are present — illustrated with three screenshots. lindsey acknowledged the issue and confirmed the team will address it to ensure banners don’t interfere with content visibility. awesomerobot submitted a fix via a GitHub pull request (#27374) to add spacing and prevent overlap. zogstrip praised the solution with a :chefs_kiss: emoji, indicating approval of the proposed fix.

1

When you have no new or unread topics, there is just some text and no topic list.

The image shows a user interface with a message indicating that there are no new topics, along with a navigation bar offering options like categories, tags, and sorting by Hot, Latest, New, Top, Categories, and Docs. (Captioned by AI)
The image shows a user interface with a message indicating that there are no new topics, along with a navigation bar offering options like categories, tags, and sorting by Hot, Latest, New, Top, Categories, and Docs. (Captioned by AI)1130×334 12.9 KB

This text is covered when the new or unread topics banner appears.

The image shows a user interface of a web forum with navigation tabs such as Categories, Tags, Hot, Latest, New, Unread, Top, Categories, Docs, and a button for creating a New Topic, including a notification message about new topics available. (Captioned by AI)
The image shows a user interface of a web forum with navigation tabs such as Categories, Tags, Hot, Latest, New, Unread, Top, Categories, Docs, and a button for creating a New Topic, including a notification message about new topics available. (Captioned by AI)1032×342 9 KB

The image displays a user interface of a forum or message board with a notification about one unread topic and an explanation of what conditions make a topic appear unread, along with tabs for navigation and a button for opening a draft. (Captioned by AI)
The image displays a user interface of a forum or message board with a notification about one unread topic and an explanation of what conditions make a topic appear unread, along with tabs for navigation and a button for opening a draft. (Captioned by AI)1095×352 11.3 KB

7 Likes
New topic alert covers text
Missing images at Meta.discourse.org
4

Hey @Moin, thanks for the report! We’ll work on fixing this up so the “new topics” banner doesn’t get in the way of the content.

1 Like
5

Adding some space for this here

https://github.com/discourse/discourse/pull/27374

4 Likes
6

Thanks @awesomerobot :chefs_kiss:

1 Like