hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix adaptivity of post tags

Browse Source
This commit is contained in:
daudix
2024-08-11 03:53:25 +03:00
parent d129c9c6e0
commit 225d98e11e
4 changed files with 46 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
sass/_article-list.scss
View File

@ -170,6 +170,13 @@
background-color: var(--yellow-fg);
}
}
div {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 0.25rem;
}
}
hr:last-of-type {

6
sass/_tags.scss
View File

@ -1,15 +1,11 @@
.tags {
display: flex;
display: inline-flex;
flex-wrap: wrap;
gap: 0.25rem;
margin: 0;
padding: 0;
list-style: none;
&.end {
float: inline-end;
}
li {
display: inline-flex;
transition: var(--transition);

7
templates/article_list.html
View File

@ -44,6 +44,7 @@
{{ page.description | markdown | safe }}
{%- endif %}
{%- if page.date -%}
<div>
<small>
<time datetime="{{ page.date | date(format='%+') }}" pubdate>
{{- page.date | date(format=date_format, locale=date_locale) -}}
@ -51,16 +52,20 @@
{%- if page.authors -%}
<span> • {% include "partials/authors.html" -%}</span>
{%- endif -%}
</small>
{%- if page.taxonomies -%}
{%- for name, taxon in page.taxonomies %}
<ul class="tags end">
<small>
<ul class="tags">
{%-for item in taxon -%}
<li><a class="tag" href="{{ get_taxonomy_url(kind=name, name=item, lang=lang) }}">{{ item }}</a></li>
{%- endfor %}
</ul>
</small>
{%- endfor -%}
{%- endif %}
</small>
</div>
{%- endif -%}
</article>
<hr>

23
templates/taxonomy_single.html
View File

@ -43,6 +43,7 @@
{{ page.description | markdown | safe }}
{%- endif %}
{%- if page.date -%}
<div>
<small>
<time datetime="{{ page.date | date(format='%+') }}" pubdate>
{{- page.date | date(format=date_format, locale=date_locale) -}}
@ -50,16 +51,20 @@
{%- if page.authors -%}
<span> • {% include "partials/authors.html" -%}</span>
{%- endif -%}
{%- if page.taxonomies -%}
{%- for name, taxon in page.taxonomies -%}
<ul class="tags end">
{%- for item in taxon -%}
<li><a class="tag" href="{{ get_taxonomy_url(kind=name, name=item, lang=lang) }}">{{ item }}</a></li>
{%- endfor -%}
</ul>
{%- endfor -%}
{%- endif -%}
</small>
{%- if page.taxonomies -%}
{%- for name, taxon in page.taxonomies %}
<small>
<ul class="tags">
{%-for item in taxon -%}
<li><a class="tag" href="{{ get_taxonomy_url(kind=name, name=item, lang=lang) }}">{{ item }}</a></li>
{%- endfor %}
</ul>
</small>
{%- endfor -%}
{%- endif %}
</small>
</div>
{%- endif -%}
</article>
<hr>