Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Respect prefers-reduced-motion: reduce #9352

Merged
merged 1 commit into from
Apr 13, 2020
Merged

Conversation

willdurand
Copy link
Member

@willdurand willdurand commented Apr 13, 2020

Fixes mozilla/addons#12593


This patch adds some prefers-reduced-motion media queries to disable animations for the following components:

Screenshots/Gifs

Before

regular install button:

2020-04-13 16 11 22

"puffy" install button:

2020-04-13 16 11 05

Loading indicator:

2020-04-13 16 11 52

After

regular install button:

Screen Shot 2020-04-13 at 16 10 28

"puffy" install button:

Screen Shot 2020-04-13 at 16 10 49

Loading indicator:

Screen Shot 2020-04-13 at 16 12 02

@willdurand
Copy link
Member Author

/cc @muffinresearch as we discussed it a couple weeks ago.

@willdurand
Copy link
Member Author

Test failures are unrelated (see: mozilla/addons#13726)

Copy link
Contributor

@bobsilverberg bobsilverberg left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good, thanks for taking care of this @willdurand.

@willdurand
Copy link
Member Author

It's only CSS so I am going to merge this PR, thanks!

@willdurand willdurand merged commit 82dcebe into master Apr 13, 2020
@willdurand willdurand deleted the prefers-reduced-motion branch April 13, 2020 17:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

"Cylon" animation for installing add-ons also inflicts migraines
2 participants