Break words on table cells

Fixes an issue with long strings causing the layout to expand in iOS mail and iCloud
heyook · Apr 10, 2017 · 48713ad · 48713ad
1 parent 1d8cebe
commit 48713ad
Show file tree

Hide file tree

Showing 12 changed files with 47 additions and 0 deletions.
diff --git a/dist/comment_notification.html b/dist/comment_notification.html
@@ -42,6 +42,10 @@
     a img {
       border: none;
     }
+
+    td {
+      word-break: break-word;
+    }
     /* Layout ------------------------------ */
 
     .email-wrapper {

diff --git a/dist/example.html b/dist/example.html
@@ -42,6 +42,10 @@
     a img {
       border: none;
     }
+
+    td {
+      word-break: break-word;
+    }
     /* Layout ------------------------------ */
 
     .email-wrapper {

diff --git a/dist/invoice.html b/dist/invoice.html
@@ -42,6 +42,10 @@
     a img {
       border: none;
     }
+
+    td {
+      word-break: break-word;
+    }
     /* Layout ------------------------------ */
 
     .email-wrapper {

diff --git a/dist/password_reset.html b/dist/password_reset.html
@@ -42,6 +42,10 @@
     a img {
       border: none;
     }
+
+    td {
+      word-break: break-word;
+    }
     /* Layout ------------------------------ */
 
     .email-wrapper {

diff --git a/dist/password_reset_help.html b/dist/password_reset_help.html
@@ -42,6 +42,10 @@
     a img {
       border: none;
     }
+
+    td {
+      word-break: break-word;
+    }
     /* Layout ------------------------------ */
 
     .email-wrapper {

diff --git a/dist/receipt.html b/dist/receipt.html
@@ -42,6 +42,10 @@
     a img {
       border: none;
     }
+
+    td {
+      word-break: break-word;
+    }
     /* Layout ------------------------------ */
 
     .email-wrapper {

diff --git a/dist/trial_expired.html b/dist/trial_expired.html
@@ -42,6 +42,10 @@
     a img {
       border: none;
     }
+
+    td {
+      word-break: break-word;
+    }
     /* Layout ------------------------------ */
 
     .email-wrapper {

diff --git a/dist/trial_expiring.html b/dist/trial_expiring.html
@@ -42,6 +42,10 @@
     a img {
       border: none;
     }
+
+    td {
+      word-break: break-word;
+    }
     /* Layout ------------------------------ */
 
     .email-wrapper {

diff --git a/dist/user_invitation.html b/dist/user_invitation.html
@@ -42,6 +42,10 @@
     a img {
       border: none;
     }
+
+    td {
+      word-break: break-word;
+    }
     /* Layout ------------------------------ */
 
     .email-wrapper {

diff --git a/dist/welcome.html b/dist/welcome.html
@@ -42,6 +42,10 @@
     a img {
       border: none;
     }
+
+    td {
+      word-break: break-word;
+    }
     /* Layout ------------------------------ */
 
     .email-wrapper {

diff --git a/src/stylesheets/global.css b/src/stylesheets/global.css
@@ -21,6 +21,9 @@ a {
   a img {
     border: none; }
 
+td {
+  word-break: break-word; }
+
 /* Layout ------------------------------ */
 .email-wrapper {
   width: 100%;

diff --git a/src/stylesheets/scss/_base.scss b/src/stylesheets/scss/_base.scss
@@ -26,3 +26,7 @@ a {
     border: none;
   }
 }
+
+td {
+  word-break: break-word;
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -26,3 +26,7 @@ a { @@
         border: none;
       }
     }
+    td {
+      word-break: break-word;
+    }