moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix color of reply row, fix overflow in status-popover

This commit is contained in:
Henry Jameson 2021-06-12 17:11:49 +03:00
parent 647e4476f9
commit 24f3681ac1
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/status/status.scss
View File

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

4
src/components/status/status.vue
View File

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