Long description text box for Badges extends beyond boundary

awesomerobot · 5 maart 2026 om 16:53

Thanks for the details everyone, some adjustments to fix these issues coming here:

github.com/discourse/discourse

UX: prevent badge description text overflow, adjust favorite button (#38284)

main ← ux-badge-descriptions

merged 04:59PM - 05 Mar 26 UTC

awesomerobot

+27 -8

Reported here: https://meta.discourse.org/t/long-description-text-box-for-badges…-extends-beyond-boundary/396167 This prevents the overflow, adds a class to the parent container when the favorite button is available, and makes the favorite button a little smaller to give it more space from descriptions (which could technically overlap in some specific cases). Before: <img width="400" alt="image" src="https://github.com/user-attachments/assets/33166922-12af-4595-aec6-7824a9e77ce5" /> After: <img width="400" alt="image" src="https://github.com/user-attachments/assets/02ee0a94-1cee-4539-8837-0329ed9a213a" /> Before: <img width="400" alt="image" src="https://github.com/user-attachments/assets/e88ea366-e504-49d1-ba14-08904e52ce6c" /> After: <img width="400" alt="image" src="https://github.com/user-attachments/assets/04dba4f2-ae03-49a0-af95-7bd786b39e93" />

Topic		Antwoorden	Weergaven
Replacement of 'description' at admin> badges Bug badges , fixed	2	99	15 september 2024
Badges overflow from user card view UX	4	582	21 januari 2020
Make the badge boxes for user card larger [mobile] Support	3	588	13 januari 2019
The badge boxes are going crazy! UX	5	711	25 januari 2019
Descriptions for custom badges not showing up on specific badge pages Bug	3	1741	28 maart 2016

Long description text box for Badges extends beyond boundary

Gerelateerde topics