fix: header breadcrumbs alignment (#1491)

Author: lukasvinclav

src/unfold/static/unfold/css/styles.css

@@ -1,15 +1,11 @@
-{% for part in parts %}
-    {% if part.link %}
-        <a href="{{ part.link }}" class="tracking-tight">
-            {{ part.title|capfirst }}
-        </a>
-    {% else %}
-        <span class="tracking-tight">
-            {{ part.title|capfirst }}
-        </span>
-    {% endif %}
+{% spaceless %}
+    {% for part in parts %}
+        <{% if part.link %}a href="{{ part.link }}"{% else %}span{% endif %} class="align-middle inline-block leading-5 tracking-tight">
+        {{ part.title|capfirst }}
+        </{% if part.link %}a{% else %}span{% endif %} >
 
-    {% if not forloop.last %}
-        <span class="mx-3 text-base-200 text-sm dark:text-base-600">/</span>
-    {% endif %}
-{% endfor %}
+        {% if not forloop.last %}
+            <span class="material-symbols-outlined inline-block align-middle leading-5 mx-2 text-base-400 dark:text-base-500">chevron_right</span>
+        {% endif %}
+    {% endfor %}
+{% endspaceless %}

src/unfold/templates/unfold/helpers/header_title.html

@@ -17,17 +17,13 @@
 
     {% include "unfold/helpers/header_back_button.html" %}
 
-    <h1 class="overflow-hidden flex flex-row text-ellipsis items-center text-sm whitespace-nowrap xl:text-base text-font-important-light dark:text-font-important-dark">
+    <h1 class="overflow-hidden leading-5 text-ellipsis text-font-important-light whitespace-nowrap xl:text-base dark:text-font-important-dark">
         {% header_title %}
 
-        {% if content_title %}
-            {% if cl and cl.full_result_count != cl.result_count and cl.paginator|class_name != "InfinitePaginator" %}
-                <span class="font-medium ml-2 text-font-subtle-light text-sm dark:text-font-subtle-dark">
-                    {% blocktranslate count counter=cl.result_count %}{{ counter }} result{% plural %}{{ counter }} results{% endblocktranslate %} (<a href="?{% if cl.is_popup %}_popup=1{% endif %}">{% if cl.show_full_result_count %}{% blocktranslate with full_result_count=cl.full_result_count %}{{ full_result_count }} total{% endblocktranslate %}{% else %}{% translate "Show all" %}{% endif %}</a>)
-                </span>
-            {% endif %}
-        {% else %}
-            {% translate 'Welcome,' %} <strong>{% firstof user.get_short_name user.get_username %}</strong>.
+        {% if cl and cl.full_result_count != cl.result_count and cl.paginator|class_name != "InfinitePaginator" %}
+            <span class="font-medium ml-2 text-font-subtle-light text-sm dark:text-font-subtle-dark">
+                {% blocktranslate count counter=cl.result_count %}{{ counter }} result{% plural %}{{ counter }} results{% endblocktranslate %} (<a href="?{% if cl.is_popup %}_popup=1{% endif %}">{% if cl.show_full_result_count %}{% blocktranslate with full_result_count=cl.full_result_count %}{{ full_result_count }} total{% endblocktranslate %}{% else %}{% translate "Show all" %}{% endif %}</a>)
+            </span>
         {% endif %}
     </h1>
 </div>