Add CW display

This commit is contained in:
Andrew Godwin 2022-11-15 18:50:09 -07:00
parent 2ef709b642
commit 906ed2f27c
2 changed files with 33 additions and 2 deletions

View file

@ -520,8 +520,33 @@ h1.identity small {
color: var(--color-text-duller); color: var(--color-text-duller);
} }
.post .summary {
margin: 12px 0 4px 64px;
padding: 3px 6px;
border-radius: 3px;
background: var(--color-bg-menu);
cursor: pointer;
}
.post .summary::before {
display: block;
font-weight: bold;
float: right;
content: "SHOW";
font-size: 80%;
padding: 2px 2px 2px 10px;
}
.post .summary.enabled::before {
content: "HIDE";
}
.post .content { .post .content {
padding-left: 64px; margin-left: 64px;
}
.post .content.hidden {
display: none;
} }
.post .content p { .post .content p {

View file

@ -22,7 +22,13 @@
{{ post.author.name_or_handle }} <small>@{{ post.author.handle }}</small> {{ post.author.name_or_handle }} <small>@{{ post.author.handle }}</small>
</a> </a>
<div class="content"> {% if post.summary %}
<div class="summary" _="on click toggle .enabled then toggle .hidden on the next .content">
{{ post.summary }}
</div>
{% endif %}
<div class="content {% if post.summary %}hidden{% endif %}">
{{ post.safe_content }} {{ post.safe_content }}
</div> </div>