FediMovies/fedimovies-web
1
1
Fork 0
Code Pull requests Activity

Show reply, repost and reaction counters to unauthenticated users

Browse source
This commit is contained in:
silverpill 2022-01-13 21:34:30 +00:00
parent 437406a578
commit a4587427ac
2 changed files with 19 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/Post.vue
View file

@ -65,7 +65,7 @@
<span>{{ post.replies_count }}</span> <span>{{ post.replies_count }}</span>
</router-link> </router-link>
<a <a
v-if="inThread && canReply()" v-else-if="inThread && canReply()"
class="icon" class="icon"
title="Reply" title="Reply"
@click="commentFormVisible = !commentFormVisible" @click="commentFormVisible = !commentFormVisible"
@ -73,6 +73,10 @@
<img :src="require('@/assets/forkawesome/comment-o.svg')"> <img :src="require('@/assets/forkawesome/comment-o.svg')">
<span>{{ post.replies_count }}</span> <span>{{ post.replies_count }}</span>
</a> </a>
<span v-else class="icon">
<img :src="require('@/assets/forkawesome/comment-o.svg')">
<span>{{ post.replies_count }}</span>
</span>
<a <a
v-if="canRepost()" v-if="canRepost()"
class="icon" class="icon"
@ -83,6 +87,10 @@
<img :src="require('@/assets/feather/repeat.svg')"> <img :src="require('@/assets/feather/repeat.svg')">
<span>{{ post.reblogs_count }}</span> <span>{{ post.reblogs_count }}</span>
</a> </a>
<span v-else class="icon">
<img :src="require('@/assets/feather/repeat.svg')">
<span>{{ post.reblogs_count }}</span>
</span>
<a <a
v-if="canLike()" v-if="canLike()"
class="icon" class="icon"
@ -93,6 +101,10 @@
<img :src="require('@/assets/forkawesome/thumbs-o-up.svg')"> <img :src="require('@/assets/forkawesome/thumbs-o-up.svg')">
<span>{{ post.favourites_count }}</span> <span>{{ post.favourites_count }}</span>
</a> </a>
<span v-else class="icon">
<img :src="require('@/assets/forkawesome/thumbs-o-up.svg')">
<span>{{ post.favourites_count }}</span>
</span>
<a <a
v-if="ipfsUrl" v-if="ipfsUrl"
class="icon" class="icon"

10
src/styles/_mixins.scss
View file

@ -58,9 +58,10 @@
vertical-align: middle; vertical-align: middle;
width: $icon-size; width: $icon-size;
} }
}
&:hover, a.icon:hover,
&.highlighted { .icon.highlighted {
color: $secondary-text-hover-color; color: $secondary-text-hover-color;
img { img {
@ -68,11 +69,6 @@
} }
} }
&:last-child {
margin-right: 0;
}
}
.icon-small img { .icon-small img {
$icon-size-small: $icon-size * 0.8; $icon-size-small: $icon-size * 0.8;