diff --git a/src/components/status/status.scss b/src/components/status/status.scss index fec9f9e9..898e914f 100644 --- a/src/components/status/status.scss +++ b/src/components/status/status.scss @@ -154,6 +154,19 @@ $status-margin: 0.75em; // override default text-decoration: none; } + + &.-strikethrough { + position: relative; + + &::after { + content: ''; + display: block; + position: absolute; + top: 50%; + width: 100%; + border-bottom: 1px solid var(--faint); + } + } } .reply-to { @@ -165,10 +178,6 @@ $status-margin: 0.75em; text-overflow: ellipsis; white-space: nowrap; margin-left: 0.2em; - - &.-strikethrough { - text-decoration: line-through; - } } .replies-separator { diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 45251f17..27af4340 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -211,6 +211,7 @@ :status-id="status.parent_visible && status.in_reply_to_status_id" class="reply-to-popover" style="min-width: 0" + :class="{ '-strikethrough': !status.parent_visible }" > {{ $t('status.reply_to') }}