alexohneander/alexohneander-zola
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

✨ feat(list_posts.html): display draft status in post list (#203)

Browse Source 
Co-authored-by: welpo <welpo@users.noreply.github.com>
This commit is contained in:
Xavier Vello 2023-10-14 00:55:00 +02:00 committed by GitHub
parent 60af91f422
commit 40df48fd87
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 31 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
sass/parts/_posts_list.scss
View File

@ -9,11 +9,21 @@
background-color: var(--navbar-color); background-color: var(--navbar-color);
padding: 2.5rem 0; padding: 2.5rem 0;
.date { .bloglist-meta {
padding: 0;
width: 13.5rem; width: 13.5rem;
color: var(--meta-color); color: var(--meta-color);
font-weight: 300; font-weight: 300;
font-size: 0.9rem; font-size: 0.9rem;
li {
list-style-type: none;
}
li.draft-label {
width: fit-content;
line-height: 1.2rem;
}
} }
.bloglist-tags { .bloglist-tags {
@ -66,14 +76,19 @@
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
padding: 2rem 0; padding: 2rem 0;
}
.date { .bloglist-meta {
margin-bottom: 0; margin-bottom: 0;
width: 100%; width: 100%;
}
.bloglist-content { li {
width: 100%; display: inline;
margin-right: 0.3rem;
}
}
.bloglist-content {
width: 100%;
}
} }
} }

14
templates/macros/list_posts.html
View File

@ -11,12 +11,14 @@
<section class="bloglist-row bottom-divider"> <section class="bloglist-row bottom-divider">
{% endif %} {% endif %}
{% if post.date %} <ul class="bloglist-meta">
<div class="date"> {% if post.date %}
{{ macros_format_date::format_date(date=post.date, short=false, language_strings=language_strings) }} <li class="date">{{ macros_format_date::format_date(date=post.date, short=false, language_strings=language_strings) }}</li>
</div> {% endif %}
{% endif %} {% if post.draft %}
<li class="draft-label">{{ macros_translate::translate(key="draft", default="DRAFT", language_strings=language_strings) }}</li>
{% endif %}
</ul>
<div class="bloglist-content"> <div class="bloglist-content">
<h2 class="bloglist-title"> <h2 class="bloglist-title">
<a href="{{ post.permalink }}">{{ post.title }}</a> <a href="{{ post.permalink }}">{{ post.title }}</a>