Spaces:
Running
Running
Clipboard error surfacing + Cloning Designer frame correctness
Browse files- dee/static/app.css +11 -0
dee/static/app.css
CHANGED
|
@@ -2892,6 +2892,17 @@ input:focus, textarea:focus, select:focus {
|
|
| 2892 |
.toast-msg { line-height: 1.4; }
|
| 2893 |
.toast-warn { background: #78350F; }
|
| 2894 |
.toast-warn .toast-check { background: var(--warning); }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 2895 |
|
| 2896 |
/* =========================================================== RESPONSIVE
|
| 2897 |
* Mobile-first stack:
|
|
|
|
| 2892 |
.toast-msg { line-height: 1.4; }
|
| 2893 |
.toast-warn { background: #78350F; }
|
| 2894 |
.toast-warn .toast-check { background: var(--warning); }
|
| 2895 |
+
/* Error toasts get the most aggressive treatment — red border + saturated
|
| 2896 |
+
* background — because they're shown when the clipboard write fails, which
|
| 2897 |
+
* is one of our highest-stakes user errors: failing to copy DNA before
|
| 2898 |
+
* opening a vendor's order form means whatever was previously on the
|
| 2899 |
+
* clipboard gets pasted instead. The user MUST see this. */
|
| 2900 |
+
.toast-error {
|
| 2901 |
+
background: #7F1D1D;
|
| 2902 |
+
border: 1px solid #DC2626;
|
| 2903 |
+
box-shadow: 0 6px 24px rgba(220, 38, 38, 0.32);
|
| 2904 |
+
}
|
| 2905 |
+
.toast-error .toast-check { background: var(--danger, #DC2626); content: '!'; }
|
| 2906 |
|
| 2907 |
/* =========================================================== RESPONSIVE
|
| 2908 |
* Mobile-first stack:
|