Troplo/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

more broken reply improvements

Browse source
This commit is contained in:
Henry Jameson 2020-08-04 19:41:03 +03:00
parent a962ca6065
commit 0feab1d97c
2 changed files with 14 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/components/status/status.scss
View file

@ -154,6 +154,19 @@ $status-margin: 0.75em;
// override default // override default
text-decoration: none; text-decoration: none;
} }
&.-strikethrough {
position: relative;
&::after {
content: '';
display: block;
position: absolute;
top: 50%;
width: 100%;
border-bottom: 1px solid var(--faint);
}
}
} }
.reply-to { .reply-to {
@ -165,10 +178,6 @@ $status-margin: 0.75em;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
margin-left: 0.2em; margin-left: 0.2em;
&.-strikethrough {
text-decoration: line-through;
}
} }
.replies-separator { .replies-separator {

2
src/components/status/status.vue
View file

@ -211,6 +211,7 @@
:status-id="status.parent_visible && status.in_reply_to_status_id" :status-id="status.parent_visible && status.in_reply_to_status_id"
class="reply-to-popover" class="reply-to-popover"
style="min-width: 0" style="min-width: 0"
:class="{ '-strikethrough': !status.parent_visible }"
> >
<a <a
class="reply-to" class="reply-to"
@ -221,7 +222,6 @@
<i class="button-icon reply-button icon-reply" /> <i class="button-icon reply-button icon-reply" />
<span <span
class="faint-link reply-to-text" class="faint-link reply-to-text"
:class="{ '-strikethrough': !status.parent_visible }"
> >
{{ $t('status.reply_to') }} {{ $t('status.reply_to') }}
</span> </span>