Text Overflowing Notifications (#8859)

2022-12-01 11:29:45 +00:00 · 2022-12-01 11:29:45 +00:00 · 828084dc76
parent b24421a83d
commit 828084dc76
1 changed files with 5 additions and 1 deletions
--- a/packages/bbui/src/Notification/Notification.svelte
+++ b/packages/bbui/src/Notification/Notification.svelte
@ -25,7 +25,7 @@
    </svg>
  {/if}
  <div class="spectrum-Toast-body" class:actionBody={!!action}>
-    <div class="spectrum-Toast-content">{message || ""}</div>
+    <div class="wrap spectrum-Toast-content">{message || ""}</div>
    {#if action}
      <ActionButton quiet emphasized on:click={action}>
        <div style="color: white; font-weight: 600;">{actionMessage}</div>
@ -53,6 +53,10 @@
 </div>

 <style>
+  .wrap {
+    overflow-wrap: anywhere;
+  }
+
  .spectrum-Toast {
    pointer-events: all;
  }