diff options
Diffstat (limited to 'src/components/status')
| -rw-r--r-- | src/components/status/status.js | 3 | ||||
| -rw-r--r-- | src/components/status/status.scss | 8 | ||||
| -rw-r--r-- | src/components/status/status.vue | 10 |
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)" /> |
