giersig.eu/indiekit-blog
1
0
Fork 0
Code Issues Actions Packages Projects Releases Activity

fix: restore horizontal layout for post categories

Browse Source 
The accessibility change from <span> to <ul> caused categories to stack
vertically. Add flex utilities to maintain horizontal flow while keeping
the semantic list markup and ARIA attributes.

Confab-Link: http://localhost:8080/sessions/0ec83454-d346-4329-8aaf-6b12139bf596
This commit is contained in:
Ricardo
2026-03-07 20:11:20 +01:00
parent 1026d728af
commit 2c60bc2580
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
_includes/layouts/post.njk
View File

@@ -24,7 +24,7 @@ withBlogSidebar: true
{{ date | dateDisplay }} {{ date | dateDisplay }}
</time></time-difference> </time></time-difference>
{% if category %} {% if category %}
<ul class="post-categories" role="list" aria-label="Categories"> <ul class="post-categories flex flex-wrap gap-2 list-none p-0 m-0" role="list" aria-label="Categories">
{# Handle both string and array categories #} {# Handle both string and array categories #}
{% if category is string %} {% if category is string %}
<li><a href="/categories/{{ category | slugify }}/" class="p-category">{{ category }}</a></li> <li><a href="/categories/{{ category | slugify }}/" class="p-category">{{ category }}</a></li>