ashishkranjan / dabr

Automatically exported from code.google.com/p/dabr
0 stars 0 forks source link

expanded urls may require horizontal scrolling #99

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago
What are the steps to trigger the problem?
1)enable auto-expand urls from the config
2)look at a timeline with long urls

What happened?
some urls that do not contain "-" will not be broken to many lines, but are 
shown on single line - now I need to scroll sideways

What did you expect to happen?
Tweet width should stay within my browser window size horizontally. 

Original issue reported on code.google.com by jpirk...@gmail.com on 21 Dec 2009 at 12:18

GoogleCodeExporter commented 9 years ago
Line breaking is handled by phones and browsers differently. Many phones are 
smart
enough to realise that long URLs are fairly common things and break them up 
correctly.

There may be some CSS that fixes this for modern phones and browsers. I can't
remember why but this CSS is commented out in touch.php and might be worth a 
shot:

body { word-wrap: break-word; text-overflow: ellipsis; }

Original comment by david.carrington on 21 Dec 2009 at 1:08

GoogleCodeExporter commented 9 years ago
alternate solution: theme the links so that only the domain name shows:

<a
href='http://google.com/gwt/n?u=http%3A%2F%2Fwww.nba.com%2F2009%2Fnews%2Ffeature
s%2Fvince_thomas%2F12%2F22%2Fall.decade%2Findex.html%3Fls%3Diref%3Anbahpt1'
target='_blank'>[www.nba.com]</a>

Original comment by ldoug...@gmail.com on 23 Dec 2009 at 12:43

GoogleCodeExporter commented 9 years ago
We now use Twitter Entities to display a "display URL" which is shorter than 
the expanded one
http://dev.twitter.com/pages/tweet_entities

Any long words / URLs should automatically wrap since r400
Using http://www.w3.org/TR/css3-text/#break-word

Original comment by terence.eden on 13 Jun 2011 at 12:09