moving mentions into separate row

This commit is contained in:
Henry Jameson 2021-06-08 11:38:44 +03:00
parent 0583a6b863
commit 3abd357694
8 changed files with 94 additions and 21 deletions

View file

@ -222,6 +222,35 @@
</span>
</div>
<div v-if="hasMentions" class="heading-mentions-row">
<div
class="mentions"
>
<span
class="button-unstyled reply-to"
:aria-label="$t('tool_tip.reply')"
@click.prevent="gotoOriginal(status.in_reply_to_status_id)"
>
<FAIcon
class="fa-scale-110 fa-old-padding"
icon="at"
/>
<span
class="faint-link reply-to-text"
>
{{ $t('status.mentions') }}
</span>
</span>
<MentionLink
v-for="mention in mentions"
class="mention-link"
:key="mention.statusnet_profile_url"
:content="mention.statusnet_profile_url"
:url="mention.statusnet_profile_url"
:first-mention="false"
/>
</div>
</div>
<div class="heading-reply-row">
<div
v-if="isReply"
@ -258,13 +287,13 @@
>
<span class="reply-to-text">{{ $t('status.reply_to') }}</span>
</span>
<router-link
class="reply-to-link"
:title="replyToName"
:to="replyProfileLink"
>
{{ replyToName }}
</router-link>
<MentionLink
class="mention-link"
:content="replyToName"
:url="replyProfileLink"
:first-mention="false"
/>
<span
v-if="replies && replies.length"
class="faint replies-separator"