The badge boxes are going crazy!

It turns out that this was not a MacOS-only issue. I’m also able to reproduce it on non-MacOS devices.

I believe it was caused by the fact that we recently bumped up the base font-size on desktop; however, that was not the real problem. The badge-section in user-cards was limited to a width of 500px whereas the card itself has a width of 580px.

User-cards only show 3 badges and a “+N more” link if there are more than three. The issue reported only occurs if the names for the three badges displayed are long - the biggest culprit in core being the “New User of the Month” badge.

I’ve removed the width constraint on the badge-section and it should now be the full-width of user-cards which should prevent the problem from happening.

https://github.com/discourse/discourse/commit/dda918f862d83a77ce7165620fb604f4ebe065c0

Thanks for reporting the issue @Chaboi_3000 :+1:

5 Likes