use a tag for favs/repeated title

This commit is contained in:
Brenden Bice 2019-04-06 14:49:37 -04:00
parent 2d826abb41
commit e734370e33

View file

@ -136,11 +136,11 @@
<div class="favs-repeated-users" v-if="combinedFavsAndRepeatsAvatars.length > 0" :class="{ 'status-fadein': combinedFavsAndRepeatsAvatars.length > 0 }"> <div class="favs-repeated-users" v-if="combinedFavsAndRepeatsAvatars.length > 0" :class="{ 'status-fadein': combinedFavsAndRepeatsAvatars.length > 0 }">
<ul class="stats"> <ul class="stats">
<li class="stat-count" v-if="statusoid.rebloggedBy && statusoid.rebloggedBy.length > 0"> <li class="stat-count" v-if="statusoid.rebloggedBy && statusoid.rebloggedBy.length > 0">
<div class="stat-title">{{ $t('settings.notification_visibility_repeats') }}</div> <a class="stat-title">{{ $t('settings.notification_visibility_repeats') }}</a>
<div class="stat-number">{{ statusoid.rebloggedBy.length }}</div> <div class="stat-number">{{ statusoid.rebloggedBy.length }}</div>
</li> </li>
<li class="stat-count" v-if="statusoid.favoritedBy && statusoid.favoritedBy.length > 0"> <li class="stat-count" v-if="statusoid.favoritedBy && statusoid.favoritedBy.length > 0">
<div class="stat-title">{{ $t('user_card.favorites') }}</div> <a class="stat-title">{{ $t('user_card.favorites') }}</a>
<div class="stat-number">{{ statusoid.favoritedBy.length }}</div> <div class="stat-number">{{ statusoid.favoritedBy.length }}</div>
</li> </li>
<li class="avatar-row"> <li class="avatar-row">
@ -654,15 +654,7 @@ a.unmute {
&:hover, &:hover,
&:focus { &:focus {
&::after { text-decoration: underline;
content: '';
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 1px;
background-color: var(--faint, $fallback--faint);
}
} }
} }
@ -672,19 +664,14 @@ a.unmute {
line-height: 1em; line-height: 1em;
} }
a { /* a {
cursor: pointer; cursor: pointer;
color: var(--faint, $fallback--faint); color: var(--faint, $fallback--faint);
strong { strong {
color: var(--text, $fallback--text); color: var(--text, $fallback--text);
} }
} */
&:hover,
&:focus {
border-bottom: 1px solid var(--faint, $fallback--faint);
}
}
} }
.avatar-row { .avatar-row {