Commit e5b902a3d88c52e27b6942034ce43ae3ee93a02e
don't let pre tags with non-breaking content wreck your whole layout
ansuz committed on 6/24/2017, 8:00:47 AMParent: 8452aca1021f5c62e7f4b93e23885e538522374d
Files changed
| src/styles.less | changed |
| static/styles.css | changed |
| src/styles.less | ||
|---|---|---|
| @@ -205,5 +205,20 @@ | ||
| 205 | 205 … | table.ssb-object td { |
| 206 | 206 … | border: 1px solid black; |
| 207 | 207 … | } |
| 208 | 208 … | |
| 209 … | +div.ssb-post-text { | |
| 210 … | + overflow-wrap: break-word; | |
| 211 … | + word-wrap: break-word; | |
| 212 … | + -ms-word-break: break-all; | |
| 213 … | + /* This is the dangerous one in WebKit, as it breaks things wherever */ | |
| 214 … | + word-break: break-all; | |
| 215 … | + /* Instead use this non-standard one: */ | |
| 216 … | + word-break: break-word; | |
| 209 | 217 … | |
| 218 … | + /* Adds a hyphen where the word breaks, if supported (No Blink) */ | |
| 219 … | + -ms-hyphens: auto; | |
| 220 … | + -moz-hyphens: auto; | |
| 221 … | + -webkit-hyphens: auto; | |
| 222 … | + hyphens: auto; | |
| 223 … | +} | |
| 224 … | + | |
| static/styles.css | ||
|---|---|---|
| @@ -285,4 +285,18 @@ | ||
| 285 | 285 … | } |
| 286 | 286 … | table.ssb-object td { |
| 287 | 287 … | border: 1px solid black; |
| 288 | 288 … | } |
| 289 … | +div.ssb-post-text { | |
| 290 … | + overflow-wrap: break-word; | |
| 291 … | + word-wrap: break-word; | |
| 292 … | + -ms-word-break: break-all; | |
| 293 … | + /* This is the dangerous one in WebKit, as it breaks things wherever */ | |
| 294 … | + word-break: break-all; | |
| 295 … | + /* Instead use this non-standard one: */ | |
| 296 … | + word-break: break-word; | |
| 297 … | + /* Adds a hyphen where the word breaks, if supported (No Blink) */ | |
| 298 … | + -ms-hyphens: auto; | |
| 299 … | + -moz-hyphens: auto; | |
| 300 … | + -webkit-hyphens: auto; | |
| 301 … | + hyphens: auto; | |
| 302 … | +} | |
Built with git-ssb-web