diff --git a/src/components/status/status.vue b/src/components/status/status.vue index c26b9792..8d95343d 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -134,10 +134,17 @@
-
- {{ statusoid.favoritedBy.length ? `${$t('user_card.favorites')} ${statusoid.favoritedBy.length}` : '' }} {{ statusoid.rebloggedBy.length ? `${$t('settings.notification_visibility_repeats')} ${statusoid.rebloggedBy.length}` : '' }} -
- +
@@ -622,10 +629,43 @@ a.unmute { .favs-repeated-users { margin-top: 10px; - .favs-repeated-title { - margin-bottom: 8px; - & > span { - border-bottom: 1px solid var(--text, $fallback--lightText); + .stats { + border-bottom: 1px solid var(--faint, $fallback--faint); + border-top: 1px solid var(--faint, $fallback--faint); + width: 100%; + margin: 0; + list-style: none; + overflow: hidden; + padding: 0; + display: flex; + + .stat-count { + margin-right: 10px; + + a { + cursor: pointer; + padding-top: 14px; + float: left; + color: var(--faint, $fallback--faint); + + strong { + color: var(--text, $fallback--text); + } + + &:hover, + &:focus { + border-bottom: 1px solid var(--faint, $fallback--faint); + } + } + } + + .avatar-row { + flex: 1; + overflow: hidden; + } + + li { + display: block; } } }