Prevent long URLs from breaking email layouts (#32189)

laravel · Apr 2, 2020 · 59dca48 · 59dca48 · Daniel-Mendes · Apr 16, 2020
1 parent 65a9230
commit 59dca48
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/Illuminate/Mail/resources/views/html/themes/default.css b/src/Illuminate/Mail/resources/views/html/themes/default.css
@@ -290,3 +290,9 @@ img {
     font-size: 15px;
     text-align: center;
 }
+
+/* Utilities */
+
+.break-all {
+    word-break: break-all;
+}
diff --git a/src/Illuminate/Notifications/resources/views/email.blade.php b/src/Illuminate/Notifications/resources/views/email.blade.php
@@ -52,13 +52,11 @@
 @slot('subcopy')
 @lang(
     "If you’re having trouble clicking the \":actionText\" button, copy and paste the URL below\n".
-    'into your web browser: [:displayableActionUrl](:actionURL)',
+    'into your web browser:',
     [
         'actionText' => $actionText,
-        'actionURL' => $actionUrl,
-        'displayableActionUrl' => $displayableActionUrl,
     ]
-)
+) <span class="break-all">[{{ $displayableActionUrl }}]({{ $actionUrl }})</span>
 @endslot
 @endisset
 @endcomponent