mirror of
https://github.com/cheeaun/phanpy.git
synced 2025-03-10 16:08:52 +01:00
Add tiny little closed eye for compact status spoiler
This commit is contained in:
parent
5200e46639
commit
f0adee6ebf
2 changed files with 21 additions and 0 deletions
src/components
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
);
|
);
|
||||||
|
|
Loading…
Reference in a new issue