Currently Page-Previews doesn't do anything about text overflowing the popup, it should have an ellipsis at the end or some other text overflow thing to indicate the text continues.
CSS-only solutions mostly suck: https://css-tricks.com/line-clampin/
- text-overflow only works on single line elements
- With text-align: justify we could probably hack something up, but it is ugly (example)
- There's browser-specific things that we can add to improve the experience in a few browsers (webkit based ones). See caniuse.com/#feat=css-line-clamp
- We can do the classic fade-out (example), which I think we've used before.
Needs input from Design to see what we should do.