Better word breaking, hopefully

This commit is contained in:
Jeremy Zhang 2018-07-25 06:55:22 +00:00
parent d365595e3d
commit 4aa785d4cc

View File

@ -173,23 +173,7 @@ nav .brand-logo {
padding-top: 1%;
padding-bottom: 40px;
margin-bottom: 13px;
/* https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ */
/* These are technically the same, but use both */
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
/* This is the dangerous one in WebKit, as it breaks things wherever */
word-break: break-all;
/* Instead use this non-standard one: */
word-break: break-word;
/* Adds a hyphen where the word breaks, if supported (No Blink) */
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
#curuser_discrim,
@ -204,6 +188,10 @@ nav .brand-logo {
margin-bottom: 0;
}
#chatcontent > p a.linkified {
word-break: break-word;
}
#chatcontent > p.collapsed {
border-top: none;
margin-top: 0;