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

♻️ refactor: wrap tags in ul>li

Browse Source 
Long tags will get wrapped onto new lines now.
This commit is contained in:
welpo 2023-02-27 18:45:46 +01:00
parent 9b680b0da7
commit 887929fac7
No known key found for this signature in database
GPG Key ID: A2F978CF4EC1F5A6
2 changed files with 39 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
sass/parts/_header.scss
View File

@ -73,6 +73,7 @@ header {
letter-spacing: -0.5px;
font-size: 0.8rem;
font-weight: 300;
padding: 0;
padding-top: 0.7vmin;
padding-bottom: 3vmin;
line-height: 1.4rem;
@ -85,6 +86,11 @@ header {
text-decoration: none;
}
.meta ul, li{
list-style-type: none;
display: inline;
}
.card-meta {
color: var(--meta-color);
font-size: 0.92rem;

21
templates/macros/content.html
View File

@ -3,37 +3,36 @@
<main>
<article>
<div>
<div class="article-title">
{{ page.title }}
</div>
<div class="meta">
<ul class="meta">
{% if page.draft %}
<span class="draft-label">DRAFT</span>
{% endif %}
{% if page.date %}
{{ macros_format_date::format_date(date=page.date) }}
<span>{{ macros_format_date::format_date(date=page.date) }}</span>
{{ separator }}
{% endif %}
<span title="{{ page.word_count }} words">{{ page.reading_time }} min read</span>
{% if page.taxonomies and page.taxonomies.tags %}
<nav class="nav tags">&nbsp;{{ separator }}&nbsp;Tags:
{{ separator }}&nbsp;Tags:
{% for tag in page.taxonomies.tags %}
<a href={{ get_taxonomy_url(kind='tags' , name=tag) | safe }}>{{ tag }}</a>{% if not loop.last %},
{% endif %}
<li><a href={{ get_taxonomy_url(kind='tags' , name=tag) | safe }}>{{ tag }}</a></li>
{%- if not loop.last -%}
,
{%- endif -%}
{% endfor %}
</nav>
{% endif %}
{% if page.updated %}
<br>Last updated on {{ macros_format_date::format_date(date=page.updated) }}
<br><span>Last updated on {{ macros_format_date::format_date(date=page.updated) }}</span>
{% endif %}
</div>
</div>
</ul>
{% if page.extra.tldr %}
<div class="tldr">