From 2ba6016c3a7cddf4f2acc6981c323ced25950250 Mon Sep 17 00:00:00 2001
From: Jeremy Zhang <jeremyzhang5000@gmail.com>
Date: Sun, 9 Apr 2017 10:12:06 -0700
Subject: [PATCH] Break long words in chat

---
 titanembeds/static/css/embedstyle.css | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

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) {