diff options
| author | Hazelnoot <acomputerdog@gmail.com> | 2025-05-29 12:43:12 -0400 |
|---|---|---|
| committer | Hazelnoot <acomputerdog@gmail.com> | 2025-05-29 12:43:12 -0400 |
| commit | 18a6f47082ca9de4499748f4910dfd63ddccc666 (patch) | |
| tree | 3d377822d3af519d738452443b452d984f5250e7 /packages/frontend/src/pages/chat/XMessage.vue | |
| parent | fix use of :key on "more" slot in MkReactionsViewer (diff) | |
| download | sharkey-18a6f47082ca9de4499748f4910dfd63ddccc666.tar.gz sharkey-18a6f47082ca9de4499748f4910dfd63ddccc666.tar.bz2 sharkey-18a6f47082ca9de4499748f4910dfd63ddccc666.zip | |
use SkTransitionGroup in all locations that hardcode use of TransitionGroup
Diffstat (limited to 'packages/frontend/src/pages/chat/XMessage.vue')
| -rw-r--r-- | packages/frontend/src/pages/chat/XMessage.vue | 15 |
1 files changed, 8 insertions, 7 deletions
diff --git a/packages/frontend/src/pages/chat/XMessage.vue b/packages/frontend/src/pages/chat/XMessage.vue index 1a80f6fef1..bc30c69f8d 100644 --- a/packages/frontend/src/pages/chat/XMessage.vue +++ b/packages/frontend/src/pages/chat/XMessage.vue @@ -28,12 +28,12 @@ SPDX-License-Identifier: AGPL-3.0-only <MkA v-if="isSearchResult && 'toRoom' in message && message.toRoom != null" :to="`/chat/room/${message.toRoomId}`">{{ message.toRoom.name }}</MkA> <MkA v-if="isSearchResult && 'toUser' in message && message.toUser != null && isMe" :to="`/chat/user/${message.toUserId}`">@{{ message.toUser.username }}</MkA> </div> - <TransitionGroup - :enterActiveClass="prefer.s.animation ? $style.transition_reaction_enterActive : ''" - :leaveActiveClass="prefer.s.animation ? $style.transition_reaction_leaveActive : ''" - :enterFromClass="prefer.s.animation ? $style.transition_reaction_enterFrom : ''" - :leaveToClass="prefer.s.animation ? $style.transition_reaction_leaveTo : ''" - :moveClass="prefer.s.animation ? $style.transition_reaction_move : ''" + <SkTransitionGroup + :enterActiveClass="$style.transition_reaction_enterActive" + :leaveActiveClass="$style.transition_reaction_leaveActive" + :enterFromClass="$style.transition_reaction_enterFrom" + :leaveToClass="$style.transition_reaction_leaveTo" + :moveClass="$style.transition_reaction_move" tag="div" :class="$style.reactions" > <div v-for="record in message.reactions" :key="record.reaction + record.user.id" :class="[$style.reaction, record.user.id === $i.id ? $style.reactionMy : null]" @click="onReactionClick(record)"> @@ -45,7 +45,7 @@ SPDX-License-Identifier: AGPL-3.0-only :class="$style.reactionIcon" /> </div> - </TransitionGroup> + </SkTransitionGroup> </div> </div> </template> @@ -73,6 +73,7 @@ import MkReactionIcon from '@/components/MkReactionIcon.vue'; import { prefer } from '@/preferences.js'; import { DI } from '@/di.js'; import { getHTMLElementOrNull } from '@/utility/get-dom-node-or-null.js'; +import SkTransitionGroup from '@/components/SkTransitionGroup.vue'; const $i = ensureSignin(); |