Make the badge boxes for user card larger [mobile]


(Chaboi_3000) #1

When clicking and viewing the user card, some badges with long names seems to be too large for the box.
image


The badge boxes are going crazy!
(Taylor) #2

I noticed this as well. To clarify, this is specific to @Johani’s component for Mobile user-cards. I’m sure he will add a fix to the component, but in the mean time, you could try:

// Prevent wrapping and hide overflow of badge names
// on mobile user cards.
#user-card .badge-display-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

It’s cleaner, but you do miss out on the full badge name:

30%20PM


(Joe) #3

This is now fixed in the component. Thanks for reporting the issue @Chaboi_3000 and for the fix @tshenry :+1:


(Joe) closed #4