fix alignment issues

This commit is contained in:
Henry Jameson 2022-02-03 22:10:45 +02:00
parent 8ade11783a
commit 06042569f1
4 changed files with 11 additions and 5 deletions

View file

@ -3,7 +3,7 @@
.MentionLink {
position: relative;
white-space: normal;
display: inline-block;
display: inline-flex;
color: var(--link);
& .new,

View file

@ -33,7 +33,7 @@
@import '../../_variables.scss';
.popover-trigger-button {
display: block;
display: inline-block;
}
.popover {

View file

@ -165,16 +165,23 @@ $status-margin: 0.75em;
align-content: baseline;
font-size: 12px;
line-height: 160%;
margin-top: 0.2em;
line-height: 130%;
max-width: 100%;
align-items: stretch;
}
& .reply-to-popover,
& .reply-to-no-popover {
& .reply-to-no-popover,
& .mentions {
min-width: 0;
margin-right: 0.4em;
flex-shrink: 0;
}
.reply-glued-label {
margin-right: 0.5em;
}
.reply-to-popover {
.reply-to:hover::before {
@ -209,7 +216,6 @@ $status-margin: 0.75em;
& .reply-to {
white-space: nowrap;
position: relative;
padding-right: 0.25em;
}
& .mentions-text,

View file

@ -227,7 +227,7 @@
>
<span
v-if="isReply"
class="glued-label"
class="glued-label reply-glued-label"
>
<StatusPopover
v-if="!isPreview"