forked from AkkomaGang/akkoma-fe
fix color of reply row, fix overflow in status-popover
This commit is contained in:
parent
647e4476f9
commit
24f3681ac1
2 changed files with 6 additions and 2 deletions
|
@ -4,6 +4,7 @@ $status-margin: 0.75em;
|
||||||
|
|
||||||
.Status {
|
.Status {
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
white-space: normal;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
--_still-image-img-visibility: visible;
|
--_still-image-img-visibility: visible;
|
||||||
|
@ -166,6 +167,7 @@ $status-margin: 0.75em;
|
||||||
line-height: 160%;
|
line-height: 160%;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
& .reply-to-popover,
|
& .reply-to-popover,
|
||||||
|
@ -211,7 +213,9 @@ $status-margin: 0.75em;
|
||||||
padding-right: 0.25em;
|
padding-right: 0.25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
& .mentions-text,
|
||||||
& .reply-to-text {
|
& .reply-to-text {
|
||||||
|
color: var(--faint);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
|
@ -247,7 +247,7 @@
|
||||||
flip="horizontal"
|
flip="horizontal"
|
||||||
/>
|
/>
|
||||||
<span
|
<span
|
||||||
class="faint-link reply-to-text"
|
class="reply-to-text"
|
||||||
>
|
>
|
||||||
{{ $t('status.reply_to') }}
|
{{ $t('status.reply_to') }}
|
||||||
</span>
|
</span>
|
||||||
|
@ -281,7 +281,7 @@
|
||||||
@click.prevent="gotoOriginal(status.in_reply_to_status_id)"
|
@click.prevent="gotoOriginal(status.in_reply_to_status_id)"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
class="faint-link mentions-text"
|
class="mentions-text"
|
||||||
>
|
>
|
||||||
{{ $t('status.mentions') }}
|
{{ $t('status.mentions') }}
|
||||||
</span>
|
</span>
|
||||||
|
|
Loading…
Reference in a new issue