[Client] UIの動きを減らすオプションが一部のアニメーションに適用されなかったのを修正

Resolve #3632

2 files changed, 4 insertions, 0 deletions

diff --git a/src/client/app/common/views/components/reactions-viewer.vue b/src/client/app/common/views/components/reactions-viewer.vue
index a55aa003a1..a651afe7c8 100644
--- a/src/client/app/common/views/components/reactions-viewer.vue
+++ b/src/client/app/common/views/components/reactions-viewer.vue
@@ -67,6 +67,8 @@ export default Vue.extend({
 			});
 		},
 		anime(reaction: string) {
+			if (this.$store.state.device.reduceMotion) return;
+
 			this.$nextTick(() => {
 				const rect = this.$refs[reaction].$el.getBoundingClientRect();
 
diff --git a/src/client/app/common/views/directives/particle.ts b/src/client/app/common/views/directives/particle.ts
index b3688a3cf1..4b09b4f4d5 100644
--- a/src/client/app/common/views/directives/particle.ts
+++ b/src/client/app/common/views/directives/particle.ts
@@ -2,6 +2,8 @@ import Particle from '../components/particle.vue';
 
 export default {
 	bind(el, binding, vn) {
+		if (vn.context.$store.state.device.reduceMotion) return;
+
 		el.addEventListener('click', () => {
 			const rect = el.getBoundingClientRect();