more broken reply improvements

2 files changed, 14 insertions, 5 deletions

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 }"
                 >
                   <a
                     class="reply-to"
@@ -221,7 +222,6 @@
                     <i class="button-icon reply-button icon-reply" />
                     <span
                       class="faint-link reply-to-text"
-                      :class="{ '-strikethrough': !status.parent_visible }"
                     >
                       {{ $t('status.reply_to') }}
                     </span>