diff --git a/titanembeds/static/css/embedstyle.css b/titanembeds/static/css/embedstyle.css index 4f172b5..51d59ce 100644 --- a/titanembeds/static/css/embedstyle.css +++ b/titanembeds/static/css/embedstyle.css @@ -73,6 +73,23 @@ padding-left: 10px; padding-left: 1%; padding-top: 1%; padding-bottom: 40px; + +/* 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; } @media only screen and (min-width: 601px) {