From 63ee0a874cd4cf4f1442cb703832f3e42ce7b807 Mon Sep 17 00:00:00 2001 From: Joshua Whatley Date: Fri, 8 Sep 2017 16:53:43 -0700 Subject: [PATCH 1/2] break path if it would otherwise overflow --- src/style/_layout.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/style/_layout.scss b/src/style/_layout.scss index 427c7dc5..407e8f1c 100644 --- a/src/style/_layout.scss +++ b/src/style/_layout.scss @@ -251,9 +251,11 @@ { font-size: 16px; - display: flex; + flex: 0 3 auto; align-items: center; + word-break: break-word; + padding: 0 10px; @include text_code(); From 82b9341a06483e66ff6f2a3c226b542e68b4616c Mon Sep 17 00:00:00 2001 From: Joshua Whatley Date: Wed, 13 Sep 2017 21:23:49 -0700 Subject: [PATCH 2/2] Changing word-break to follow standard Changed "break-word" to "break-all" as this is standard across all browsers and results with consistent behavior. --- src/style/_layout.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/style/_layout.scss b/src/style/_layout.scss index 407e8f1c..50f7a59d 100644 --- a/src/style/_layout.scss +++ b/src/style/_layout.scss @@ -251,10 +251,11 @@ { font-size: 16px; + display: flex; flex: 0 3 auto; align-items: center; - word-break: break-word; + word-break: break-all; padding: 0 10px;