fix issues with reply-link

This commit is contained in:
Henry Jameson 2020-08-18 00:26:31 +03:00
parent 2fa050b163
commit 30219098a6
2 changed files with 19 additions and 3 deletions

View file

@ -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;
}
}
}

View file

@ -234,6 +234,7 @@
<span class="reply-to-text">{{ $t('status.reply_to') }}</span>
</span>
<router-link
class="reply-to-link"
:title="replyToName"
:to="replyProfileLink"
>