@selco/selco-css 1.8.32 → 1.8.33
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/index.css +3 -3
- package/dist/index.min.css +2 -2
- package/package.json +1 -1
- package/src/components/toast.scss +14 -1
package/package.json
CHANGED
|
@@ -7,7 +7,20 @@
|
|
|
7
7
|
gap: 16px;
|
|
8
8
|
border-radius: 4px;
|
|
9
9
|
min-height: 48px;
|
|
10
|
-
@apply fixed flex bg-success leading-7
|
|
10
|
+
@apply fixed flex bg-success leading-7 items-center pl-md pr-sm;
|
|
11
|
+
|
|
12
|
+
/*
|
|
13
|
+
* Above the modal overlay (.popup-wrap, 10000).
|
|
14
|
+
*
|
|
15
|
+
* A toast is often what explains why the modal is still open - a failed save leaves the
|
|
16
|
+
* dialog up so the action can be retried, and the only account of what went wrong is this
|
|
17
|
+
* toast. At the old z-20 it rendered behind the 70% black backdrop: dimmed, unreadable and
|
|
18
|
+
* impossible to dismiss, so the save looked like it had silently done nothing.
|
|
19
|
+
*
|
|
20
|
+
* Deliberately below the top bar (9999999), which sits at the other end of the screen and
|
|
21
|
+
* never overlaps a toast anchored to the bottom.
|
|
22
|
+
*/
|
|
23
|
+
z-index: 10001;
|
|
11
24
|
|
|
12
25
|
svg {
|
|
13
26
|
height: 20px;
|