openclaw/oikos
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

ux: accent glow on quick-add input after successful item add

Browse Source
This commit is contained in:
Ulas Kalayci
2026-04-30 09:13:48 +02:00
parent e10516d32f
commit edd8d0889d
2 changed files with 19 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/styles/layout.css
+17
View File
@@ -2336,6 +2336,23 @@ textarea.input { resize: vertical; }
}
}
/* --------------------------------------------------------
* Signature Moment: Eingabefeld-Glow nach erfolgreichem Item-Add
* -------------------------------------------------------- */
@keyframes input-add-flash {
0% { box-shadow: none; }
25% { box-shadow: 0 0 0 3px color-mix(in srgb, var(--module-accent, var(--color-accent)) 45%, transparent); }
100% { box-shadow: none; }
}
.quick-add__input--flash {
animation: input-add-flash 550ms var(--ease-out) forwards;
}
@media (prefers-reduced-motion: reduce) {
.quick-add__input--flash { animation: none; }
}
/* --------------------------------------------------------
* Windows High Contrast / Forced Colors
* -------------------------------------------------------- */