use transition wrapper component

This commit is contained in:
Brenden Bice 2019-04-06 14:54:23 -04:00
parent 1f4fcf56cd
commit b75d899c7a

View file

@ -133,21 +133,23 @@
<link-preview :card="status.card" :size="attachmentSize" :nsfw="nsfwClickthrough" /> <link-preview :card="status.card" :size="attachmentSize" :nsfw="nsfwClickthrough" />
</div> </div>
<div class="favs-repeated-users" v-if="combinedFavsAndRepeatsAvatars.length > 0"> <transition name="fade">
<ul class="stats"> <div class="favs-repeated-users" v-if="combinedFavsAndRepeatsAvatars.length > 0">
<li class="stat-count" v-if="statusoid.rebloggedBy && statusoid.rebloggedBy.length > 0"> <ul class="stats">
<a class="stat-title">{{ $t('settings.notification_visibility_repeats') }}</a> <li class="stat-count" v-if="statusoid.rebloggedBy && statusoid.rebloggedBy.length > 0">
<div class="stat-number">{{ statusoid.rebloggedBy.length }}</div> <a class="stat-title">{{ $t('settings.notification_visibility_repeats') }}</a>
</li> <div class="stat-number">{{ statusoid.rebloggedBy.length }}</div>
<li class="stat-count" v-if="statusoid.favoritedBy && statusoid.favoritedBy.length > 0"> </li>
<a class="stat-title">{{ $t('user_card.favorites') }}</a> <li class="stat-count" v-if="statusoid.favoritedBy && statusoid.favoritedBy.length > 0">
<div class="stat-number">{{ statusoid.favoritedBy.length }}</div> <a class="stat-title">{{ $t('user_card.favorites') }}</a>
</li> <div class="stat-number">{{ statusoid.favoritedBy.length }}</div>
<li class="avatar-row"> </li>
<AvatarList :avatars='combinedFavsAndRepeatsAvatars'></AvatarList> <li class="avatar-row">
</li> <AvatarList :avatars='combinedFavsAndRepeatsAvatars'></AvatarList>
</ul> </li>
</div> </ul>
</div>
</transition>
<div v-if="!noHeading && !isPreview" class='status-actions media-body'> <div v-if="!noHeading && !isPreview" class='status-actions media-body'>
<div v-if="loggedIn"> <div v-if="loggedIn">