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

imthebest

Well-known member
fsfs.webp

It becomes worst when your usernames are large like this:

ThisIsLargeUsername, someonewholoves, MrGoodForNothingMore and 17 others like this.

Thanks,
Super120
 
Last edited:
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
 
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.
 
don't see a real reason for it
Me neither :)

I have changed
Code:
.mediaLikes .likesSummary
and
Code:
.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.
 
Last edited:
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.
 
Back
Top Bottom