diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2020-02-06 19:11:14 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2020-02-06 19:11:14 +0900 |
| commit | c7da2a4b5f062be698757eea3c47c5b885cb0452 (patch) | |
| tree | 895f0fa717ecff458fd0c2627267028de227e505 /src/client/components | |
| parent | :art: (diff) | |
| download | misskey-c7da2a4b5f062be698757eea3c47c5b885cb0452.tar.gz misskey-c7da2a4b5f062be698757eea3c47c5b885cb0452.tar.bz2 misskey-c7da2a4b5f062be698757eea3c47c5b885cb0452.zip | |
Resolve #5857
Diffstat (limited to 'src/client/components')
| -rw-r--r-- | src/client/components/modal.vue | 4 | ||||
| -rw-r--r-- | src/client/components/popup.vue | 4 | ||||
| -rw-r--r-- | src/client/components/post-form-dialog.vue | 4 | ||||
| -rw-r--r-- | src/client/components/sequential-entrance.vue | 5 |
4 files changed, 10 insertions, 7 deletions
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"> |