diff options
| author | Johann150 <johann.galle@protonmail.com> | 2022-01-25 15:18:21 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-01-25 23:18:21 +0900 |
| commit | e51f59e1b74ec5f7fa642b618f09c9bc4f6f1b9a (patch) | |
| tree | 0ed69f72fc1016fb654304c0774c26f143eb6baa /packages/client/src/components/ui | |
| parent | Update docker-compose.yml (#8163) (diff) | |
| download | misskey-e51f59e1b74ec5f7fa642b618f09c9bc4f6f1b9a.tar.gz misskey-e51f59e1b74ec5f7fa642b618f09c9bc4f6f1b9a.tar.bz2 misskey-e51f59e1b74ec5f7fa642b618f09c9bc4f6f1b9a.zip | |
disable animations on more transitions (#8112)
Diffstat (limited to 'packages/client/src/components/ui')
| -rw-r--r-- | packages/client/src/components/ui/container.vue | 2 | ||||
| -rw-r--r-- | packages/client/src/components/ui/folder.vue | 2 | ||||
| -rw-r--r-- | packages/client/src/components/ui/pagination.vue | 2 | ||||
| -rw-r--r-- | packages/client/src/components/ui/tooltip.vue | 2 |
4 files changed, 4 insertions, 4 deletions
diff --git a/packages/client/src/components/ui/container.vue b/packages/client/src/components/ui/container.vue index fcd9f32290..7c595d8116 100644 --- a/packages/client/src/components/ui/container.vue +++ b/packages/client/src/components/ui/container.vue @@ -10,7 +10,7 @@ </button> </div> </header> - <transition name="container-toggle" + <transition :name="$store.state.animation ? 'container-toggle' : ''" @enter="enter" @after-enter="afterEnter" @leave="leave" diff --git a/packages/client/src/components/ui/folder.vue b/packages/client/src/components/ui/folder.vue index 9795b1d81a..fe1602b2bb 100644 --- a/packages/client/src/components/ui/folder.vue +++ b/packages/client/src/components/ui/folder.vue @@ -8,7 +8,7 @@ <template v-else><i class="fas fa-angle-down"></i></template> </button> </header> - <transition name="folder-toggle" + <transition :name="$store.state.animation ? 'folder-toggle' : ''" @enter="enter" @after-enter="afterEnter" @leave="leave" diff --git a/packages/client/src/components/ui/pagination.vue b/packages/client/src/components/ui/pagination.vue index 9c18fc5ce5..13f3215671 100644 --- a/packages/client/src/components/ui/pagination.vue +++ b/packages/client/src/components/ui/pagination.vue @@ -1,5 +1,5 @@ <template> -<transition name="fade" mode="out-in"> +<transition :name="$store.state.animation ? 'fade' : ''" mode="out-in"> <MkLoading v-if="fetching"/> <MkError v-else-if="error" @retry="init()"/> diff --git a/packages/client/src/components/ui/tooltip.vue b/packages/client/src/components/ui/tooltip.vue index 2e48ab623e..394b068352 100644 --- a/packages/client/src/components/ui/tooltip.vue +++ b/packages/client/src/components/ui/tooltip.vue @@ -1,5 +1,5 @@ <template> -<transition name="tooltip" appear @after-leave="$emit('closed')"> +<transition :name="$store.state.animation ? 'tooltip' : ''" appear @after-leave="$emit('closed')"> <div v-show="showing" ref="el" class="buebdbiu _acrylic _shadow" :style="{ zIndex, maxWidth: maxWidth + 'px' }"> <slot>{{ text }}</slot> </div> |