merceruniversity / wp-news

1 stars 0 forks source link

Add ellipses to long-running title text on homepage slider #88

Closed maconmatt closed 6 years ago

maconmatt commented 6 years ago

Hopefully, one of us can figure this one out?

screen_shot_2018-02-08_at_11_33_50_am
Sporkyy commented 6 years ago

The simplest vanilla-CSS solution is stymied by multi-line text. Everything else is a little hacky.

maconmatt commented 6 years ago

I'm guessing the solution they use for the post excerpt in the above image is done with character counts?

Sporkyy commented 6 years ago

Looking at the other examples, the ellipses all appear after a word, so it's probably elastic.

Ellipsis goes after the first word after 120 characters or something like that.

Sporkyy commented 6 years ago

But, yes, the ellipses are real text on the page. It's a server-side solution.

maconmatt commented 6 years ago

So, we can come up with something that will "work"?

Sporkyy commented 6 years ago

I don't know.

Looking at the number of characters to work with and the margin for error (error = flowing onto > 2 lines), I see a client-side solution being better. But those have pitfalls.

http://hackingui.com/front-end/a-pure-css-solution-for-multiline-text-truncation/

maconmatt commented 6 years ago

Theme developer is looking into this.

maconmatt commented 6 years ago

Developer has fixed the issue.