Fixed rendering of tags in search

squidfunk · Sep 22, 2024 · 06fe18a · 06fe18a
1 parent 43a22b6
commit 06fe18a
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 15 deletions.
diff --git a/...assets/javascripts/bundle.56dfad97.min.js → ...assets/javascripts/bundle.d6f25eb3.min.js b/...assets/javascripts/bundle.56dfad97.min.js → ...assets/javascripts/bundle.d6f25eb3.min.js
diff --git a/...ts/javascripts/bundle.56dfad97.min.js.map → ...ts/javascripts/bundle.d6f25eb3.min.js.map b/...ts/javascripts/bundle.56dfad97.min.js.map → ...ts/javascripts/bundle.d6f25eb3.min.js.map
diff --git a/material/templates/base.html b/material/templates/base.html
@@ -249,7 +249,7 @@
       </script>
     {% endblock %}
     {% block scripts %}
-      <script src="{{ 'assets/javascripts/bundle.56dfad97.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.d6f25eb3.min.js' | url }}"></script>
       {% for script in config.extra_javascript %}
         {{ script | script_tag }}
       {% endfor %}

diff --git a/src/templates/assets/javascripts/templates/search/index.tsx b/src/templates/assets/javascripts/templates/search/index.tsx
@@ -88,16 +88,20 @@ function renderSearchDocument(
         {teaser > 0 && document.text.length > 0 &&
           document.text
         }
-        {document.tags && document.tags.map(tag => {
-          const type = tags
-            ? tag in tags
-              ? `md-tag-icon md-tag--${tags[tag]}`
-              : "md-tag-icon"
-            : ""
-          return (
-            <span class={`md-tag ${type}`}>{tag}</span>
-          )
-        })}
+        {document.tags && (
+          <nav class="md-tags">
+            {document.tags.map(tag => {
+              const type = tags
+                ? tag in tags
+                  ? `md-tag-icon md-tag--${tags[tag]}`
+                  : "md-tag-icon"
+                : ""
+              return (
+                <span class={`md-tag ${type}`}>{tag}</span>
+              )
+            })}
+          </nav>
+        )}
         {teaser > 0 && missing.length > 0 &&
           <p class="md-search-result__terms">
             {translation("search.result.term.missing")}: {...missing}