From 9d5f6bc5fb800df38d6dc92e224ee4f7c5d13ea7 Mon Sep 17 00:00:00 2001 From: Konstantin Date: Tue, 6 May 2025 19:34:10 +0200 Subject: [PATCH] fix: tags layout and overflow --- Makefile | 2 +- blog/templates/blog/blog_page.html | 4 ++-- iamkonstantin_web/templates/base.html | 1 + theme/static_src/src/styles.css | 6 +++--- 4 files changed, 7 insertions(+), 6 deletions(-) diff --git a/Makefile b/Makefile index 84a7b1f..190dc92 100644 --- a/Makefile +++ b/Makefile @@ -1,5 +1,5 @@ .PHONY: help build publish -VERSION = 1.9.4 +VERSION = 1.9.6 help: @perl -nle'print $& if m{^[a-zA-Z_-]+:.*?## .*$$}' $(MAKEFILE_LIST) | sort | awk 'BEGIN {FS = ":.*?## "}; {printf "\033[36m%-30s\033[0m %s\n", $$1, $$2}' diff --git a/blog/templates/blog/blog_page.html b/blog/templates/blog/blog_page.html index e0898cb..e930cf5 100644 --- a/blog/templates/blog/blog_page.html +++ b/blog/templates/blog/blog_page.html @@ -54,12 +54,12 @@ {% with tags=page.tags.all %} {% if tags %} -
+

Tags

    {% for tag in tags %} -
  • 🏷️ +
  • 🏷 {{ tag }}
    • {% endfor %} diff --git a/iamkonstantin_web/templates/base.html b/iamkonstantin_web/templates/base.html index 1c7208b..33932cd 100644 --- a/iamkonstantin_web/templates/base.html +++ b/iamkonstantin_web/templates/base.html @@ -4,6 +4,7 @@ + {% include "wagtailseo/meta.html" %} diff --git a/theme/static_src/src/styles.css b/theme/static_src/src/styles.css index d83286a..29cf0aa 100644 --- a/theme/static_src/src/styles.css +++ b/theme/static_src/src/styles.css @@ -124,11 +124,11 @@ } .tags ul { - @apply flex space-x-2 text-center text-sm; + @apply flex-col sm:flex-row sm:space-x-2 text-center text-sm; } .tags li { - @apply p-3 inline-flex items-center rounded-2xl px-2 py-1 text-sm text-black dark:text-white ring-1 ring-inset ring-orange-700/20 dark:ring-white bg-orange-50 dark:bg-transparent; + @apply p-3 inline-flex items-center rounded-2xl px-2 py-1 text-sm text-black dark:text-white ring-1 ring-inset ring-orange-700/20 dark:ring-white bg-orange-50 dark:bg-transparent; } .tags ul li::before { @@ -137,7 +137,7 @@ } .tags a { - @apply border-b-0 w-full; + @apply border-b-0 w-full m-0; } .blog-pages a {