diff options
author | Louis Chemineau <louis@chmn.me> | 2023-04-20 11:04:30 +0200 |
---|---|---|
committer | Louis Chemineau <louis@chmn.me> | 2023-04-20 16:41:02 +0200 |
commit | 84fae8f634d62ce4e7d1e5f45fcf0ab615b796b0 (patch) | |
tree | 1a5d2699e752ea816b3908ec897db23fff405c09 /src | |
parent | 91347226ae34f0152276285e85e2b885b3361785 (diff) |
Fix display of favorite, reblog, and reply count
Signed-off-by: Louis Chemineau <louis@chmn.me>
Diffstat (limited to 'src')
-rw-r--r-- | src/components/TimelinePost.vue | 48 |
1 files changed, 10 insertions, 38 deletions
diff --git a/src/components/TimelinePost.vue b/src/components/TimelinePost.vue index 1b23b79b..6cd0c10b 100644 --- a/src/components/TimelinePost.vue +++ b/src/components/TimelinePost.vue @@ -38,10 +38,8 @@ <template #icon> <Reply :size="20" /> </template> - <template #default> - <span v-if="item.replies_count !== 0"> - {{ item.replies_count }} - </span> + <template> + {{ item.replies_count > 0 ? item.replies_count : '' }} </template> </NcButton> <NcButton v-if="item.visibility === 'public' || item.visibility === 'unlisted'" @@ -51,10 +49,8 @@ <template #icon> <Repeat :size="20" :fill-color="isBoosted ? 'var(--color-primary)' : 'var(--color-main-text)'" /> </template> - <template #default> - <span v-if="item.reblogs_count !== 0"> - {{ item.reblogs_count }} - </span> + <template> + {{ item.reblogs_count > 0 ? item.reblogs_count : '' }} </template> </NcButton> <NcButton v-if="!isLiked" @@ -64,10 +60,8 @@ <template #icon> <HeartOutline :size="20" /> </template> - <template #default> - <span v-if="item.favourites_count !== 0"> - {{ item.favourites_count }} - </span> + <template> + {{ item.favourites_count > 0 ? item.favourites_count : '' }} </template> </NcButton> <NcButton v-if="isLiked" @@ -77,6 +71,9 @@ <template #icon> <Heart :size="20" :fill-color="'var(--color-error)'" /> </template> + <template> + {{ item.favourites_count > 0 ? item.favourites_count : '' }} + </template> </NcButton> <NcActions> <NcActionButton v-if="item.account.acct === currentAccount?.acct" @@ -327,33 +324,8 @@ export default { margin: 4px; .button-vue:hover { + // Else hover state is the same as the background. background: var(--color-background-dark); } - - .post-actions-more { - position: relative; - width: 44px; - height: 34px; - display: inline-block; - } - - .icon-reply, - .icon-boost, - .icon-boosted, - .icon-starred, - .icon-favorite, - .icon-more { - display: inline-block; - width: 44px; - height: 34px; - opacity: .5; - &:hover, &:focus { - opacity: 1; - } - } - - .icon-boosted { - opacity: 1; - } } </style> |