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') }}