peter/siftlode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(messages): make the dock new-message flash actually visible

Browse source 
The ring-based flash relied on ring-accent and a CSS transition that never
restarted on a repeat message, so it was effectively invisible. Replace it with
a keyed inset-glow overlay (animation replays on every flash counter bump, and
inset shadow isn't clipped by the window's overflow-hidden) — flashes whether
the window is expanded, freshly auto-opened, or minimised.
This commit is contained in:
npeter83 2026-06-26 00:00:21 +02:00
parent 963afa33a6
commit 70a117d0db
2 changed files with 16 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/index.css
View file

@ -151,6 +151,16 @@ html[data-perf="1"] body {
from { opacity: 0; transform: translateY(-6px) scale(0.97); }
to { opacity: 1; transform: none; }
}
/* One-shot attention flash for a chat dock window on a new message. Inset glow so the
window's own overflow-hidden doesn't clip it; pulses twice then fades. */
@keyframes chatFlash {
0% { box-shadow: inset 0 0 0 0 transparent; }
18% { box-shadow: inset 0 0 0 3px var(--accent), inset 0 0 22px 0 color-mix(in srgb, var(--accent) 55%, transparent); }
40% { box-shadow: inset 0 0 0 1px transparent; }
62% { box-shadow: inset 0 0 0 3px var(--accent), inset 0 0 22px 0 color-mix(in srgb, var(--accent) 55%, transparent); }
100% { box-shadow: inset 0 0 0 0 transparent; }
}
.chat-flash { animation: chatFlash 1.1s ease-out; }
/* ===== Color schemes (accent + neutrals), each with dark + light ===== */