aboutsummaryrefslogtreecommitdiff
path: root/src/components/status
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/status')
-rw-r--r--src/components/status/status.js3
-rw-r--r--src/components/status/status.scss8
-rw-r--r--src/components/status/status.vue10
3 files changed, 13 insertions, 8 deletions
diff --git a/src/components/status/status.js b/src/components/status/status.js
index 0498f28a..e9a5ec0d 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -142,7 +142,8 @@ const Status = {
replyProfileLink () {
if (this.isReply) {
const user = this.$store.getters.findUser(this.status.in_reply_to_user_id)
- return user && user.statusnet_profile_url
+ // FIXME Why user not found sometimes???
+ return user ? user.statusnet_profile_url : 'NOT_FOUND'
}
},
retweet () { return !!this.statusoid.retweeted_status },
diff --git a/src/components/status/status.scss b/src/components/status/status.scss
index 8744fa16..8f7fb71a 100644
--- a/src/components/status/status.scss
+++ b/src/components/status/status.scss
@@ -217,21 +217,23 @@ $status-margin: 0.75em;
}
}
- .reply-to {
+ & .mentions,
+ & .reply-to {
position: relative;
}
- .reply-to-text {
+ & .reply-to-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
- .replies-separator {
+ .mentions-separator {
margin-left: 0.4em;
}
.replies {
+ margin-top: 0.25em;
line-height: 18px;
font-size: 12px;
display: flex;
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 62ad0eac..e4c3a755 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -267,8 +267,8 @@
:first-mention="false"
/>
<span
- v-if="isReply && hasMentions"
- class="faint replies-separator"
+ v-if="isReply && hasMentionsLine"
+ class="faint mentions-separator"
>
-
</span>
@@ -276,7 +276,7 @@
v-if="hasMentionsLine"
>
<span
- class="button-unstyled reply-to"
+ class="button-unstyled mentions"
:aria-label="$t('tool_tip.reply')"
@click.prevent="gotoOriginal(status.in_reply_to_status_id)"
>
@@ -285,7 +285,7 @@
icon="at"
/>
<span
- class="faint-link reply-to-text"
+ class="faint-link mentions-text"
>
{{ $t('status.mentions') }}
</span>
@@ -304,6 +304,8 @@
:no-heading="noHeading"
:highlight="highlight"
:focused="isFocused"
+ :hide-first-mentions="mentionsOwnLine"
+ :head-tail-links="headTailLinks"
@mediaplay="addMediaPlaying($event)"
@mediapause="removeMediaPlaying($event)"
/>