Invisible Button Text + layout misalignment on Horizon Theme

Contribute UX

AI-generated summary

In the Horizon Theme UX discussion, user serkhelesheyi reported two critical dashboard issues: invisible button text until hover and column width imbalances causing text wrapping in the “Top Referred Topics” and “Trending Search Terms” widgets. The reporter also noted right-alignment inconsistencies for numeric and text columns in RTL contexts.

Developer chapoi acknowledged the report and suggested that screenshots would expedite issue identification. In a follow-up, chapoi confirmed that the invisible text and column width issues were addressed in Discourse PR #37845. However, the developer requested that future reports separate distinct issues and noted that the RTL alignment concern is likely not Horizon-specific and will be considered during a broader upcoming rework of the reporting area.

1

Dashboard: Button text invisible by default + layout misalignment in “Top Referred Topics” & “Trending Search Terms”

Hi

I’m using the Horizon theme and have identified several UI issues in the Admin Dashboard, specifically in the Top Referred Topics and Trending Search Terms sections.

:magnifying_glass_tilted_left: Issue 1: Button text is invisible until hover

Location: Buttons in both sections (e.g., “View topic”, “See search term”)

Expected behavior: Button label should be visible at all times (normal state).

:straight_ruler: Issue 2: Column width imbalance & text wrapping

Location: Table columns in both widgets

Observed layout:

Topic / Terms column: too narrow → long titles wrap vertically (e.g., multi-line text inside a single row).

Numeric columns (Views, Clicks, Searches, etc.): overly wide → excessive whitespace.

Additional issue: Numeric values are right-aligned (default for numbers), but in RTL contexts (like Persian/Arabic), this creates visual inconsistency. For better UX in RTL locales, numeric columns should remain right-aligned, but topic/terms columns must be left-aligned — currently they appear right-aligned in RTL, causing misalignment.

Thanks for your work on Horizon theme.

2 Likes
Horizon Theme
2

Thanks for these reports, will be fixed!

For next time though: some screenshots are very helpful to quicker identify what it’s about than text.

2 Likes
3

&

Are addressed in

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

For next time: please make separate reports for each issue.

I’m not tackling the RTL issue in this commit (this is also most likely not Horizon specific).

One of our upcoming projects is a rework of this entire reporting area so I’ll try to keep the RTL support in mind when working on it then.

2 Likes
4

This topic was automatically closed 3 days after the last reply. New replies are no longer allowed.