Show the streaming dash on dashboard edges and without motion
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user