qbism/3vis-fe
1
0
Fork 0
forked from AkkomaGang/akkoma-fe
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add prefers-reduced-motion support

Browse source
This commit is contained in:
David 2023-07-20 16:14:36 -07:00 committed by qbism
parent 2bd41dd19e
commit ad02237b6e
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/still-image/still-image.js
View file

@ -12,12 +12,16 @@ const StillImage = {
data () { data () {
return { return {
stopGifs: this.$store.getters.mergedConfig.stopGifs, stopGifs: this.$store.getters.mergedConfig.stopGifs,
isAnimated: false isAnimated: false,
prefersReducedMotion: false
} }
}, },
created () {
this.prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches
},
computed: { computed: {
animated () { animated () {
return this.stopGifs && this.isAnimated return this.stopGifs && this.isAnimated && this.prefersReducedMotion
}, },
style () { style () {
const appendPx = (str) => /\d$/.test(str) ? str + 'px' : str const appendPx = (str) => /\d$/.test(str) ? str + 'px' : str