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; margin-right: 0.5em;
max-width: 100%; max-width: 100%;
.reply-to-link {
white-space: nowrap;
word-break: break-word;
text-overflow: ellipsis;
overflow-x: hidden;
}
.icon-reply { .icon-reply {
// mirror the icon // mirror the icon
transform: scaleX(-1); transform: scaleX(-1);
@ -143,11 +150,20 @@ $status-margin: 0.75em;
& .reply-to-no-popover { & .reply-to-no-popover {
min-width: 0; min-width: 0;
margin-right: 0.4em; margin-right: 0.4em;
flex-shrink: 0;
} }
.reply-to-popover { .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); border-bottom: 1px solid var(--faint);
pointer-events: none;
} }
.faint-link:hover { .faint-link:hover {
@ -156,8 +172,6 @@ $status-margin: 0.75em;
} }
&.-strikethrough { &.-strikethrough {
position: relative;
&::after { &::after {
content: ''; content: '';
display: block; display: block;
@ -165,6 +179,7 @@ $status-margin: 0.75em;
top: 50%; top: 50%;
width: 100%; width: 100%;
border-bottom: 1px solid var(--faint); 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 class="reply-to-text">{{ $t('status.reply_to') }}</span>
</span> </span>
<router-link <router-link
class="reply-to-link"
:title="replyToName" :title="replyToName"
:to="replyProfileLink" :to="replyProfileLink"
> >