• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Can't fix Ellipsis missing in featured resource block

rellect

Well-known member
#1
In mobile, when the title too long, the featured resource block just cuts the title without ellipsis indication. So you don't know that this is just a part of the title and not the full title.

image.jpg
 

Mike

XenForo developer
Staff member
#2
This is really a CSS limitation. Text-overflow ellipsis only works on single line overflows, but limiting the title to a single line would be a much worse experience.
 

rellect

Well-known member
#3
This is really a CSS limitation. Text-overflow ellipsis only works on single line overflows, but limiting the title to a single line would be a much worse experience.
There is a workaround for webkit
HTML:
.featuredResourceList .featuredResource .title a
{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}