Shield icon cut off for long usernames

AI-generated summary

Shield icon cut off for long usernames. A bug was reported by Chaboi_3000, where the moderator shield icon gets cut off when viewing a user’s profile card with a long username. This issue is present in Chrome and Safari at 100% zoom. TheBestPessimist reported that the issue did not occur at 125% zoom. thegurjyot confirmed the issue on their end. sam inquired about the browser and zoom settings, which were reported to be Chrome at 100% zoom. The issue has been repro’d and is on Johani’s list to be fixed. A fix has been committed to the GitHub repository here.

When you have a long username, or in this case a long name, the moderator shield icon gets cut off as seen here(Sorry for cutting part of your head jomaxro) I see this both in chrome and safari:


This only appears when viewing a user’s usercard. For example, let’s test @jomaxro’s. If you click on his username, you should probably see the cut off shield icon.


I tried changing the width of the icon to around 76% and fixed it, but that results in a slightly shifted shield.
35%20PM

3 Likes

Chrome, 125% zoom: nothing is deleted:

It’s cropped on my side as well.

What browser? How much zoom to you have? If using Zoom why no use large fonts instead?

I’m currently using Chrome Version 72.0.3626.119 (Official Build) (64-bit). Mine’s at normal 100% zoom.

I am not using any zoom in the browser. The zoom it at 100% only. I am using Google Chrome 72.036.. version official build.

Yeah we have a repro of the issue it is on @Johani’s list.

3 Likes

This will be fixed via

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

Thanks for reporting the issue @Chaboi_3000 :+1:

9 Likes

This topic was automatically closed after 25 hours. New replies are no longer allowed.