diff options
| -rw-r--r-- | src/components/status/status.vue | 32 |
1 files changed, 17 insertions, 15 deletions
diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 67ba714f..ff93b24d 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -133,21 +133,23 @@ <link-preview :card="status.card" :size="attachmentSize" :nsfw="nsfwClickthrough" /> </div> - <div class="favs-repeated-users" v-if="combinedFavsAndRepeatsAvatars.length > 0"> - <ul class="stats"> - <li class="stat-count" v-if="statusoid.rebloggedBy && statusoid.rebloggedBy.length > 0"> - <a class="stat-title">{{ $t('settings.notification_visibility_repeats') }}</a> - <div class="stat-number">{{ statusoid.rebloggedBy.length }}</div> - </li> - <li class="stat-count" v-if="statusoid.favoritedBy && statusoid.favoritedBy.length > 0"> - <a class="stat-title">{{ $t('user_card.favorites') }}</a> - <div class="stat-number">{{ statusoid.favoritedBy.length }}</div> - </li> - <li class="avatar-row"> - <AvatarList :avatars='combinedFavsAndRepeatsAvatars'></AvatarList> - </li> - </ul> - </div> + <transition name="fade"> + <div class="favs-repeated-users" v-if="combinedFavsAndRepeatsAvatars.length > 0"> + <ul class="stats"> + <li class="stat-count" v-if="statusoid.rebloggedBy && statusoid.rebloggedBy.length > 0"> + <a class="stat-title">{{ $t('settings.notification_visibility_repeats') }}</a> + <div class="stat-number">{{ statusoid.rebloggedBy.length }}</div> + </li> + <li class="stat-count" v-if="statusoid.favoritedBy && statusoid.favoritedBy.length > 0"> + <a class="stat-title">{{ $t('user_card.favorites') }}</a> + <div class="stat-number">{{ statusoid.favoritedBy.length }}</div> + </li> + <li class="avatar-row"> + <AvatarList :avatars='combinedFavsAndRepeatsAvatars'></AvatarList> + </li> + </ul> + </div> + </transition> <div v-if="!noHeading && !isPreview" class='status-actions media-body'> <div v-if="loggedIn"> |