Can't fix Ellipsis missing in featured resource block

refael

Well-known member
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.webp
 
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.
 
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;
}
 
Back
Top Bottom