Fix adaptivity of post tags

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

View File

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

View File

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

View File

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

View File

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