Text Overflowing Notifications (#8859)
This commit is contained in:
parent
b24421a83d
commit
828084dc76
|
@ -25,7 +25,7 @@
|
||||||
</svg>
|
</svg>
|
||||||
{/if}
|
{/if}
|
||||||
<div class="spectrum-Toast-body" class:actionBody={!!action}>
|
<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}
|
{#if action}
|
||||||
<ActionButton quiet emphasized on:click={action}>
|
<ActionButton quiet emphasized on:click={action}>
|
||||||
<div style="color: white; font-weight: 600;">{actionMessage}</div>
|
<div style="color: white; font-weight: 600;">{actionMessage}</div>
|
||||||
|
@ -53,6 +53,10 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
.wrap {
|
||||||
|
overflow-wrap: anywhere;
|
||||||
|
}
|
||||||
|
|
||||||
.spectrum-Toast {
|
.spectrum-Toast {
|
||||||
pointer-events: all;
|
pointer-events: all;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue