diff --git a/src/components/status/status.scss b/src/components/status/status.scss
index 898e914f76..7fbab3b826 100644
--- a/src/components/status/status.scss
+++ b/src/components/status/status.scss
@@ -133,6 +133,13 @@ $status-margin: 0.75em;
margin-right: 0.5em;
max-width: 100%;
+ .reply-to-link {
+ white-space: nowrap;
+ word-break: break-word;
+ text-overflow: ellipsis;
+ overflow-x: hidden;
+ }
+
.icon-reply {
// mirror the icon
transform: scaleX(-1);
@@ -143,11 +150,20 @@ $status-margin: 0.75em;
& .reply-to-no-popover {
min-width: 0;
margin-right: 0.4em;
+ flex-shrink: 0;
}
.reply-to-popover {
- &:hover {
+ position: relative;
+
+ .reply-to:hover::before {
+ content: '';
+ display: block;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
border-bottom: 1px solid var(--faint);
+ pointer-events: none;
}
.faint-link:hover {
@@ -156,8 +172,6 @@ $status-margin: 0.75em;
}
&.-strikethrough {
- position: relative;
-
&::after {
content: '';
display: block;
@@ -165,6 +179,7 @@ $status-margin: 0.75em;
top: 50%;
width: 100%;
border-bottom: 1px solid var(--faint);
+ pointer-events: none;
}
}
}
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 27af434061..282ad37dd6 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -234,6 +234,7 @@
{{ $t('status.reply_to') }}