mikros/rust
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

rustdoc: do not animate when user prefers reduced motion

Browse Source 
This accessibility improvement gates the target flashing and tooltip fade-out
behind an inverted prefers-reduced-motion media query.
This commit is contained in:
zopsicle 2024-09-26 01:44:06 +02:00 committed by zopsicle
parent 0399709cdc
commit cdd3371bb4
1 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/librustdoc/html/static/css/rustdoc.css
View File

@ -1687,7 +1687,12 @@ instead, we check that it's not a "finger" cursor.
padding-right: 3px; padding-right: 3px;
background-color: var(--target-background-color); background-color: var(--target-background-color);
border-right: 3px solid var(--target-border-color); border-right: 3px solid var(--target-border-color);
animation: 0.65s cubic-bezier(0, 0, 0.1, 1.0) 0.1s targetfadein; }
@media not (prefers-reduced-motion) {
:target {
animation: 0.65s cubic-bezier(0, 0, 0.1, 1.0) 0.1s targetfadein;
}
} }
.code-header a.tooltip { .code-header a.tooltip {
@ -1712,12 +1717,14 @@ a.tooltip:hover::after {
content: "\00a0"; content: "\00a0";
} }
/* This animation is layered onto the mistake-proofing delay for dismissing @media not (prefers-reduced-motion) {
a hovered tooltip, to ensure it feels responsive even with the delay. /* This animation is layered onto the mistake-proofing delay for dismissing
*/ a hovered tooltip, to ensure it feels responsive even with the delay.
.fade-out { */
opacity: 0; .fade-out {
transition: opacity 0.45s cubic-bezier(0, 0, 0.1, 1.0); opacity: 0;
transition: opacity 0.45s cubic-bezier(0, 0, 0.1, 1.0);
}
} }
.popover.tooltip .content { .popover.tooltip .content {