more fixes

This commit is contained in:
Henry Jameson 2020-08-04 19:08:49 +03:00
parent 4c8e9bc0c2
commit 2a1c9e094c
2 changed files with 20 additions and 11 deletions

View file

@ -58,7 +58,7 @@ $status-margin: 0.75em;
margin-bottom: $status-margin;
}
.user-name {
.status-username {
white-space: nowrap;
font-size: 14px;
overflow: hidden;
@ -143,10 +143,13 @@ $status-margin: 0.75em;
}
}
.reply-to-popover {
& .reply-to-popover,
& .reply-to-no-popover {
min-width: 0;
margin-right: 0.4em;
}
.reply-to-popover {
&:hover {
border-bottom: 1px solid var(--faint);
}
@ -273,7 +276,7 @@ $status-margin: 0.75em;
display: flex;
flex-wrap: nowrap;
& .user-name,
& .status-username,
& .mute-thread,
& .mute-words {
word-wrap: normal;
@ -281,16 +284,17 @@ $status-margin: 0.75em;
white-space: nowrap;
}
& .user-name,
& .status-username,
& .mute-words {
text-overflow: ellipsis;
overflow: hidden;
}
.user-name {
.status-username {
font-weight: normal;
flex: 0 1 auto;
margin-right: 0.2em;
font-size: smaller;
}
.mute-thread {
@ -313,6 +317,11 @@ $status-margin: 0.75em;
}
}
.reply-form {
padding-top: 0;
padding-bottom: 0;
}
.reply-body {
flex: 1;
}

View file

@ -17,7 +17,7 @@
</div>
<template v-if="muted && !isPreview">
<div class="status-csontainer muted">
<small class="user-name">
<small class="status-username">
<i
v-if="muted && retweet"
class="button-icon icon-retweet"
@ -73,7 +73,7 @@
/>
<div class="right-side faint">
<span
class="user-name repeater-name"
class="status-username repeater-name"
:title="retweeter"
>
<router-link
@ -131,13 +131,13 @@
<div class="heading-left">
<h4
v-if="status.user.name_html"
class="user-name"
class="status-username"
:title="status.user.name"
v-html="status.user.name_html"
/>
<h4
v-else
class="user-name"
class="status-username"
:title="status.user.name"
>
{{ status.user.name }}
@ -229,7 +229,7 @@
</StatusPopover>
<span
v-else
class="reply-to"
class="reply-to-no-popover"
>
<span class="reply-to-text">{{ $t('status.reply_to') }}</span>
</span>
@ -357,7 +357,7 @@
</div>
<div
v-if="replying"
class="status-container"
class="status-container reply-form"
>
<PostStatusForm
class="reply-body"