Break long words in status

echofox-team / echofon-firefox-unofficial

Echofon Unofficial - maintained version of Echofon: full featured, super clean Twitter app for Firefox.

http://echofox-team.github.io/echofon-firefox-unofficial/

69 stars 10 forks source link

Break long words in status #16

Closed YoruNoHikage closed 7 years ago

YoruNoHikage commented 9 years ago

We should fix word wrapping.

How to reproduce : Tweet a very long word like "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" (yes it happens sometimes when people gets angry on Twitter).

It seems to work with word-break: break-all: (See https://developer.mozilla.org/fr/docs/Web/CSS/word-break ) on .echofon-status-container but it breaks at any letter.

@MickBim had a solution, see #1 .

ath0mas commented 9 years ago

white-space: normal | pre | nowrap | pre-wrap | pre-line | inherit for @MickBim solution (See https://developer.mozilla.org/fr/docs/Web/CSS/white-space)
I mostly use word-wrap: break-word instead of "word-break: ..." in my webapps ; should try (See https://developer.mozilla.org/fr/docs/Web/CSS/word-wrap)

Rick1212 commented 9 years ago

I don't know if it might be of any help, but I discovered that the column became unreadable if "Name and screen name" was selected. Using "Name screen only" solves it for some reason and long tweets like "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" are splitted - based on my panel width.

AdrianoCahete commented 8 years ago

ath0mas commented 7 years ago

Anyone to check PR #60 I just pushed please?