diff options
-rw-r--r-- | css/style.scss | 1 | ||||
-rw-r--r-- | img/boosted.svg | 5 | ||||
-rw-r--r-- | src/components/TimelineEntry.vue | 4 |
3 files changed, 9 insertions, 1 deletions
diff --git a/css/style.scss b/css/style.scss index 00394985..1af3588d 100644 --- a/css/style.scss +++ b/css/style.scss @@ -1,3 +1,4 @@ @include icon-black-white('reply', 'social', 1); @include icon-black-white('boost', 'social', 1); +@include icon-black-white('boosted', 'social', 1); @include icon-black-white('emoji', 'social', 1); diff --git a/img/boosted.svg b/img/boosted.svg new file mode 100644 index 00000000..7472386b --- /dev/null +++ b/img/boosted.svg @@ -0,0 +1,5 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"> + <path + d="M 3.7033898,2.5508475 6,5 H 4 v 6.349874 C 3.9978062,11.766594 4.1753909,11.975633 4.6261562,12 h 3.4077421 l -0.025432,-1.545142 1.5463604,1.600873 c 0.5174923,0.535735 0.4814593,1.411546 -0.076298,1.970562 L 8.039123,15.624262 8,14 H 4.0269132 C 2.8202842,13.979992 2.0239697,13.221832 2,12.021026 V 5 H 0 L 2.3898306,2.5932203 C 2.7981432,2.198722 3.2806083,2.1519552 3.7033898,2.5508475 Z M 7.9819172,2 H 12.00883 C 13.27311,1.9987847 13.952061,2.5865479 14,3.9432301 V 11 h 2 l -2.254237,2.254237 c -0.422373,0.454494 -0.950419,0.456361 -1.415255,0.0085 L 10,11 h 2 V 4.470564 C 11.997141,4.0566741 11.865895,3.9908781 11.457527,4 H 8.0298567 l -0.078698,1.5143026 c 0,0 -0.7302906,-0.7898264 -1.4873627,-1.607871 C 6.0091032,3.415119 5.950808,2.7247094 6.4726816,2.1227079 7.1186649,1.3775409 7.9652831,0.48422118 7.9652831,0.48422118 Z" /> +</svg> 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; |