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