Add tiny little closed eye for compact status spoiler

This commit is contained in:
Lim Chee Aun 2023-04-17 19:09:46 +08:00
parent 5200e46639
commit f0adee6ebf
2 changed files with 21 additions and 0 deletions

View file

@ -389,6 +389,19 @@
color: inherit; color: inherit;
} }
.status.compact-thread .spoiler-badge {
font-size: smaller;
color: var(--button-bg-color);
border: 1px dashed var(--button-bg-color);
padding: 2px 4px;
border-radius: 16px;
display: inline-flex;
margin: 4px;
align-items: center;
justify-content: center;
background: var(--bg-faded-color);
}
.timeline-deck .status .content { .timeline-deck .status .content {
max-height: 50vh; max-height: 50vh;
max-height: 50dvh; max-height: 50dvh;

View file

@ -584,6 +584,14 @@ function TimelineStatusCompact({ status, instance }) {
)} )}
<div class="content-compact" title={statusPeekText}> <div class="content-compact" title={statusPeekText}>
{statusPeekText} {statusPeekText}
{status.sensitive && status.spoilerText && (
<>
{' '}
<span class="spoiler-badge">
<Icon icon="eye-close" size="s" />
</span>
</>
)}
</div> </div>
</article> </article>
); );