@juspay/svelte-ui-components 2.91.0 → 2.91.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Toast/Toast.svelte +9 -0
- package/package.json +1 -1
package/dist/Toast/Toast.svelte
CHANGED
|
@@ -178,6 +178,14 @@
|
|
|
178
178
|
background-color: var(--toast-background-color, #87ceeb);
|
|
179
179
|
opacity: var(--toast-opacity, 1);
|
|
180
180
|
box-sizing: var(--toast-box-sizing);
|
|
181
|
+
|
|
182
|
+
/* A toast is a transient status overlay, not a click target: it floats
|
|
183
|
+
above page content (often over drawer/footer CTAs) and used to swallow
|
|
184
|
+
clicks meant for the controls beneath it for its whole duration.
|
|
185
|
+
Click-through by default; the close button re-enables its own hit
|
|
186
|
+
area below, and consumers with actionable bottomContent can opt the
|
|
187
|
+
whole toast back in via --toast-pointer-events: auto. */
|
|
188
|
+
pointer-events: var(--toast-pointer-events, none);
|
|
181
189
|
}
|
|
182
190
|
|
|
183
191
|
.no-page-overlap {
|
|
@@ -213,6 +221,7 @@
|
|
|
213
221
|
}
|
|
214
222
|
|
|
215
223
|
.close-button {
|
|
224
|
+
pointer-events: auto;
|
|
216
225
|
width: var(--toast-close-button-width, 20px);
|
|
217
226
|
height: var(--toast-close-button-height, 20px);
|
|
218
227
|
cursor: var(--toast-close-button-cursor, pointer);
|