Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-02 06:06:41 +01:00
Code Issues Projects Releases Packages Wiki Activity

Add tiny little closed eye for compact status spoiler

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/status.css
View file

@ -389,6 +389,19 @@
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 {
max-height: 50vh;
max-height: 50dvh;

8
src/components/timeline.jsx
View file

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