From c7da2a4b5f062be698757eea3c47c5b885cb0452 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Thu, 6 Feb 2020 19:11:14 +0900
Subject: Resolve #5857

---
 src/client/components/modal.vue               | 4 ++--
 src/client/components/popup.vue               | 4 ++--
 src/client/components/post-form-dialog.vue    | 4 ++--
 src/client/components/sequential-entrance.vue | 5 ++++-
 4 files changed, 10 insertions(+), 7 deletions(-)

(limited to 'src/client/components')

diff --git a/src/client/components/modal.vue b/src/client/components/modal.vue
index b7e6a336d7..a48c7154ee 100644
--- a/src/client/components/modal.vue
+++ b/src/client/components/modal.vue
@@ -1,9 +1,9 @@
 <template>
 <div class="mk-modal">
-	<transition name="bg-fade" appear>
+	<transition :name="$store.state.device.animation ? 'bg-fade' : ''" appear>
 		<div class="bg" ref="bg" v-if="show" @click="close()"></div>
 	</transition>
-	<transition name="modal" appear @after-leave="() => { $emit('closed'); destroyDom(); }">
+	<transition :name="$store.state.device.animation ? 'modal' : ''" appear @after-leave="() => { $emit('closed'); destroyDom(); }">
 		<div class="content" ref="content" v-if="show" @click.self="close()"><slot></slot></div>
 	</transition>
 </div>
diff --git a/src/client/components/popup.vue b/src/client/components/popup.vue
index d5b1f9423b..850936c540 100644
--- a/src/client/components/popup.vue
+++ b/src/client/components/popup.vue
@@ -1,9 +1,9 @@
 <template>
 <div class="mk-popup">
-	<transition name="bg-fade" appear>
+	<transition :name="$store.state.device.animation ? 'bg-fade' : ''" appear>
 		<div class="bg" ref="bg" @click="close()" v-if="show"></div>
 	</transition>
-	<transition name="popup" appear @after-leave="() => { $emit('closed'); destroyDom(); }">
+	<transition :name="$store.state.device.animation ? 'popup' : ''" appear @after-leave="() => { $emit('closed'); destroyDom(); }">
 		<div class="content" :class="{ fixed }" ref="content" v-if="show" :style="{ width: width ? width + 'px' : 'auto' }"><slot></slot></div>
 	</transition>
 </div>
diff --git a/src/client/components/post-form-dialog.vue b/src/client/components/post-form-dialog.vue
index fe70b88218..6bbd9d7931 100644
--- a/src/client/components/post-form-dialog.vue
+++ b/src/client/components/post-form-dialog.vue
@@ -1,10 +1,10 @@
 <template>
 <div class="ulveipglmagnxfgvitaxyszerjwiqmwl">
-	<transition name="form-fade" appear>
+	<transition :name="$store.state.device.animation ? 'form-fade' : ''" appear>
 		<div class="bg" ref="bg" v-if="show" @click="close()"></div>
 	</transition>
 	<div class="main" ref="main" @click.self="close()" @keydown="onKeydown">
-		<transition name="form" appear
+		<transition :name="$store.state.device.animation ? 'form' : ''" appear
 			@after-leave="destroyDom"
 		>
 			<x-post-form ref="form"
diff --git a/src/client/components/sequential-entrance.vue b/src/client/components/sequential-entrance.vue
index bf2c2f38f3..a09d67f1c7 100644
--- a/src/client/components/sequential-entrance.vue
+++ b/src/client/components/sequential-entrance.vue
@@ -1,5 +1,5 @@
 <template>
-<transition-group
+<transition-group v-if="$store.state.device.animation"
 	name="staggered-fade"
 	tag="div"
 	:css="false"
@@ -11,6 +11,9 @@
 >
 	<slot></slot>
 </transition-group>
+<div v-else>
+	<slot></slot>
+</div>
 </template>
 
 <script lang="ts">
-- 
cgit v1.2.3-freya