Shield icon cut off for long usernames

ux
1

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:

26%20PM
Screen Shot 2019-03-03 at 4.35.26 PM.png902×124 45.1 KB

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
2

Chrome, 125% zoom: nothing is deleted:

image
image.png884×205 45.9 KB

3

It’s cropped on my side as well.

4

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

5

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

8

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.

9

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

3 Likes
10

This will be fixed via

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

Thanks for reporting the issue @Chaboi_3000 :+1:

9 Likes
11

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