📦 NEW: different icon if post is boosted

Signed-off-by: Jonas Sulzer <jonas@violoncello.ch>
pull/462/head
Jonas Sulzer 2019-04-23 12:03:45 +02:00 zatwierdzone przez Maxence Lange
rodzic 360b69d020
commit a27ea99ff3
3 zmienionych plików z 9 dodań i 1 usunięć

Wyświetl plik

@ -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);

5
img/boosted.svg 100644
Wyświetl plik

@ -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>

Po

Szerokość:  |  Wysokość:  |  Rozmiar: 1.1 KiB

Wyświetl plik

@ -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;