[feat] Support prefers-reduced-motion disabling auto-play of animated images (#324) #325

Merged
floatingghost merged 3 commits from Mergan/pleroma-fe:support-prefers-reduced-motion into develop 2023-07-21 19:37:44 +00:00
Member

Tested on Google Chrome/Windows 10

Tested on Google Chrome/Windows 10
Mergan added 2 commits 2023-07-20 23:27:32 +00:00
Turn on by default
All checks were successful
ci/woodpecker/pr/woodpecker Pipeline was successful
e2125c57d6
Mergan changed title from [feat] Support prefers-reduced-motion disabling auto-play of animated images #324 to [feat] Support prefers-reduced-motion disabling auto-play of animated images (#324) 2023-07-20 23:27:48 +00:00
Mergan added the
a11y
label 2023-07-20 23:28:28 +00:00

oh this is cool! thanks!

I do have one question - maybe prefers-reduced should create the initial value of stopGifs rather than interacting with it? the && chain worries me a little, maybe it should just set stopGifs to (server stopGifs || prefers reduced)?

what do you think?

oh this is cool! thanks! I do have one question - maybe prefers-reduced should create the initial value of stopGifs rather than interacting with it? the && chain worries me a little, maybe it should just set stopGifs to (server stopGifs || prefers reduced)? what do you think?
Author
Member

Something like
stopGifs = window.matchMedia('(prefers-reduced-motion: reduce)').matches || this.$store.getters.mergedConfig.stopGifs?

Something like `stopGifs = window.matchMedia('(prefers-reduced-motion: reduce)').matches || this.$store.getters.mergedConfig.stopGifs`?

yeah something like that maybe? at least that makes sense to me

I'm assuming anyone with the browser setting on wouldn't bother toggling it off so I think that logically works? feel free to say I'm silly though I'm not au fait with accessibility optiond

yeah something like that maybe? at least that makes sense to me I'm assuming anyone with the browser setting on wouldn't bother toggling it off so I think that logically works? feel free to say I'm silly though I'm not au fait with accessibility optiond
Author
Member

Makes sense to me as well, aye-- I'll push the change in a bit.

Discovered that emoji reactions don't follow the StillImage thingy, so they're animated regardless of any option; I'm seeing if I can make it so that it follows the rule as well :cat_si:

Makes sense to me as well, aye-- I'll push the change in a bit. Discovered that emoji reactions don't follow the StillImage thingy, so they're animated regardless of any option; I'm seeing if I can make it so that it follows the rule as well :cat_si:

there's also mfm animations in there somewhere as well :hehe:

there's also mfm animations in there somewhere as well :hehe:
Mergan added 1 commit 2023-07-21 00:19:04 +00:00
Simplified and fixed and/or oopsie
All checks were successful
ci/woodpecker/pr/woodpecker Pipeline was successful
91eab22d77
Author
Member

It is done :acat_joy: (I wish we had emojis here :( )

It is done :acat_joy: (I wish we had emojis here :( )

thanks! i'll use this as a reference implementation to extend across anything that uses it

thanks! i'll use this as a reference implementation to extend across anything that uses it
floatingghost merged commit a4e82f7886 into develop 2023-07-21 19:37:44 +00:00
floatingghost deleted branch support-prefers-reduced-motion 2023-07-21 19:37:44 +00:00
mel referenced this pull request from a commit 2024-05-15 22:36:01 +00:00
Sign in to join this conversation.
No description provided.