Fixed Responsive issue when viewing a media with lots of likes and large usernames

[imthebest]

It becomes worst when your usernames are large like this:

ThisIsLargeUsername, someonewholoves, MrGoodForNothingMore and 17 others like this.

Thanks,
Super120

 

[Mike Edge]

Looks fine on my iPhone viewing that image.

 

[imthebest]

I was able to reproduce the problem (although not on that media here at xenforo.com but on my forum with large usernames) with my Galaxy Note 3 using Chrome 41.0.2272.96

 

[Steve F]

There is a line-height set on the .mediaLikes .likesSummary, don't see a real reason for it right off and removing seems to fix it.

Looks fine on my iPhone viewing that image.

There is a minor issue when longer names are there, that particular page doesn't show the issue on iPhone as it does't 'break' until about 312px.

 

[Chris D]

don't see a real reason for it

Me neither

I have changed

.mediaLikes .likesSummary

and

.albumLikes .likesSummary

to inherit the @messageLikesSummary style property with an additional "clear" as this prevents problems with the floating nature of some of the elements. Hopefully using that style property will make some styling easier/more consistent out of the box.

Similar change on the .commentLikes summary too.

Thanks.

 

[Mike Edge]

I was able to reproduce the problem (although not on that media here at xenforo.com but on my forum with large usernames) with my Galaxy Note 3 using Chrome 41.0.2272.96

If you can't reproduce it here, it might be a issue with the style you are using then.

 

[Chris D]

If you can't reproduce it here, it might be a issue with the style you are using then.

No. It's a genuine bug we've just fixed.