fix: add prefers-reduced-motion for OS dashboard animations
Disable blinking cursor and pulsing dots for users who have requested reduced motion in their system accessibility settings. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> Co-authored-by: qinfendebingshuo <207279273+qinfendebingshuo@users.noreply.github.com>
This commit is contained in:
parent
c8753f64a9
commit
ccdb0255d4
|
|
@ -480,6 +480,7 @@ label{display:block;font-size:12px;color:var(--dim);margin-bottom:4px;font-weigh
|
|||
/* Blinking cursor */
|
||||
.os-blink{animation:osBlink 1.2s step-end infinite;color:var(--ok)}
|
||||
@keyframes osBlink{0%,100%{opacity:1}50%{opacity:0}}
|
||||
@media(prefers-reduced-motion:reduce){.os-blink{animation:none}.os-task-dot.active{animation:none}.os-layer-dot{animation:none}.os-wf-dot{animation:none}.os-progress-fill::after{animation:none}}
|
||||
|
||||
/* OS Block sections */
|
||||
.os-block{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(110,168,254,.08)}
|
||||
|
|
|
|||
Loading…
Reference in New Issue