theme: add missing reduced-motion user preference query #104748
@ -58,6 +58,12 @@ hr.docutils {
|
|||||||
transition: transform 0.25s ease-out;
|
transition: transform 0.25s ease-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (prefers-reduced-motion: reduce) {
|
||||||
|
.toctree-checkbox~label .icon svg {
|
||||||
|
transition-duration: 0s !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* Add more visual weight to definition terms */
|
/* Add more visual weight to definition terms */
|
||||||
dl dt {
|
dl dt {
|
||||||
font-weight: bold !important
|
font-weight: bold !important
|
||||||
|
@ -167,6 +167,7 @@ getNamed(v) {
|
|||||||
return v;
|
return v;
|
||||||
}
|
}
|
||||||
dialogToggle(speed) {
|
dialogToggle(speed) {
|
||||||
|
speed = window.matchMedia("(prefers-reduced-motion: reduce)").matches ? 0 : speed;
|
||||||
const wasClose = !this.isOpen;
|
const wasClose = !this.isOpen;
|
||||||
const that = this;
|
const that = this;
|
||||||
if(!this.isOpen) {
|
if(!this.isOpen) {
|
||||||
|
Loading…
Reference in New Issue
Block a user