Respect operating system settings for reduced motion

I am working on it.

Thanks @sandip poddar. Really appreciate this.

Making users physically ill is really not good UX.

More info on reduced motion:
https://sparkbox.com/foundry/prefers_reduced_motion_media_query_CSS_rule...
https://css-tricks.com/a-complete-guide-to-css-media-queries/

Thanks @mgifford for sharing the documentaions.
I am quickly trying to raise a MR for this issue with tested solution.

Hi @rkoller, I raise a MR to use prefers-reduced-motion: no-preference for all animation properties in the codebase. Please review the changes. But i have one doubt should we do the same implementaion for transition property also?

Hey @sandip thank you for working on this.

This currently only addresses the throbbers but this might need to be extended to transition properties as well?

@rkoller @mgifford maybe can provide some guidance here

Thanks!

Yes @saschaeggi i was also thinking same. So i am applying the changes to the transition properties also. @rkoller and @mgifford can you please verify it once.

Hi @saschaeggi, I have updated the changes for the Transition properties also. Can you please share your feedback on it.

I am attaching a video for better understanding.

Reviewed the issue.

• Reproduced the issue in Drupal 11.1.6 with this fork installed.
• After reproduction of the issue, applied MR580 to fix the issue.
• Changes worked as expected.

Attaching a video for more clarity.
Moving the issue to RTBC.

alex.skrypnyk → made their first commit to this issue’s fork.

@sandip
I've re-based your MR against `4.1.0` since `4.0.0` is no longer supported. But could you please update your MR against `4.1.0` (sorry, I did not realise I cannot update that).

Adding a patch against 4.1.0 until the MR target branch is updated. The contents is identical to the contents of the MR.