Show the streaming dash on dashboard edges and without motion

This commit is contained in:
2026-08-20 13:28:40 +02:00
parent 9fdf97f148
commit f24402d25d
3 changed files with 15 additions and 5 deletions
+9 -1
View File
@@ -49,6 +49,15 @@
--edge-rest: var(--primary);
}
/*
* The dashes are the signal, the march below is only its motion: the pattern
* is declared outside the guard so a reduced-motion reader still sees which
* edges stream.
*/
.react-flow__edge-path.edge-stream {
stroke-dasharray: 6 4;
}
/* A message arriving lights its edge, then decays back to rest. */
@media (prefers-reduced-motion: no-preference) {
.react-flow__edge-path.edge-live {
@@ -80,7 +89,6 @@
* the literal is one dash period per step, slow enough to read as direction.
*/
.react-flow__edge-path.edge-stream {
stroke-dasharray: 6 4;
animation: edge-march 700ms linear infinite;
}