diff options
author | Jonas Sulzer <jonas@violoncello.ch> | 2019-04-23 12:03:45 +0200 |
---|---|---|
committer | Maxence Lange <maxence@artificial-owl.com> | 2019-05-03 16:31:15 -0100 |
commit | a27ea99ff3ae7898c4e2cac394a45d95b2c6b3c9 (patch) | |
tree | dcca89c07ea25add116ae43650c063c41d266c24 /src | |
parent | 360b69d02090a7798aeaa419d04beeda36941b4e (diff) |
📦 NEW: different icon if post is boosted
Signed-off-by: Jonas Sulzer <jonas@violoncello.ch>
Diffstat (limited to 'src')
-rw-r--r-- | src/components/TimelineEntry.vue | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/src/components/TimelineEntry.vue b/src/components/TimelineEntry.vue index 2adbd272..38bd8a70 100644 --- a/src/components/TimelineEntry.vue +++ b/src/components/TimelineEntry.vue @@ -27,7 +27,8 @@ <div class="post-message" v-html="formatedMessage" /> <div v-click-outside="hidePopoverMenu" class="post-actions"> <a v-tooltip.bottom="t('social', 'Reply')" class="icon-reply" @click.prevent="reply" /> - <a v-if="this.item.actor_info.account !== this.cloudId" v-tooltip.bottom="t('social', 'Boost')" class="icon-boost" + <a v-if="this.item.actor_info.account !== this.cloudId" v-tooltip.bottom="t('social', 'Boost')" + :class="(item.action.values.boosted === true) ? 'icon-boosted' : 'icon-boost'" @click.prevent="boost" /> <div v-if="popoverMenu.length > 0" v-tooltip.bottom="t('social', 'More actions')" class="post-actions-more"> <a class="icon-more" @click.prevent="togglePopoverMenu" /> @@ -176,6 +177,7 @@ export default { } .icon-reply, .icon-boost, + .icon-boosted, .icon-more { display: inline-block; width: 44px; |