diff options
| author | Brenden Bice <brenden.next@gmail.com> | 2019-04-06 14:54:23 -0400 |
|---|---|---|
| committer | Brenden Bice <brenden.next@gmail.com> | 2019-04-11 23:26:13 -0400 |
| commit | b75d899c7a54ff38d1331f043c156bd90baf0f59 (patch) | |
| tree | 446d85ba0a5e4001f4a16ebaece0f1cb19c3f145 | |
| parent | 1f4fcf56cdda58b20804b131adcdca9c7290ed12 (diff) | |
use transition wrapper component
| -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"> |