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);
}
}
div {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 0.25rem;
}
}
hr:last-of-type {

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);

View File

@ -44,23 +44,28 @@
{{ page.description | markdown | safe }}
{%- endif %}
{%- if page.date -%}
<small>
<time datetime="{{ page.date | date(format='%+') }}" pubdate>
{{- page.date | date(format=date_format, locale=date_locale) -}}
</time>
{%- if page.authors -%}
<span>{% include "partials/authors.html" -%}</span>
{%- endif -%}
<div>
<small>
<time datetime="{{ page.date | date(format='%+') }}" pubdate>
{{- page.date | date(format=date_format, locale=date_locale) -}}
</time>
{%- if page.authors -%}
<span> • {% include "partials/authors.html" -%}</span>
{%- endif -%}
</small>
{%- 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>
<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>
</small>
</div>
{%- endif -%}
</article>
<hr>

View File

@ -43,23 +43,28 @@
{{ page.description | markdown | safe }}
{%- endif %}
{%- if page.date -%}
<small>
<time datetime="{{ page.date | date(format='%+') }}" pubdate>
{{- page.date | date(format=date_format, locale=date_locale) -}}
</time>
{%- if page.authors -%}
<span>{% include "partials/authors.html" -%}</span>
{%- endif -%}
<div>
<small>
<time datetime="{{ page.date | date(format='%+') }}" pubdate>
{{- page.date | date(format=date_format, locale=date_locale) -}}
</time>
{%- if page.authors -%}
<span> • {% include "partials/authors.html" -%}</span>
{%- endif -%}
</small>
{%- 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>
{%- 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>
{%- endif %}
</small>
</div>
{%- endif -%}
</article>
<hr>