fix: search results z-index (#458)

unfoldadmin · Jun 8, 2024 · 2e378e3 · 2e378e3
1 parent 1450feb
commit 2e378e3
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/src/unfold/templates/unfold/helpers/search_results.html b/src/unfold/templates/unfold/helpers/search_results.html
@@ -1,13 +1,13 @@
 {% if results %}
-<ul class="absolute bg-white border left-0 mt-12 right-0 rounded top-0 shadow-sm text-sm dark:bg-gray-800 dark:border-gray-700">
-    {% for app in results %}
-        {% for model in app.models %}
-            <li>
-                <a href="{{ model.admin_url }}" class="block group overflow-hidden px-3 py-2 text-gray-500 text-ellipsis whitespace-nowrap hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200">
-                    {{ app.name }} <span class="align-text-top material-symbols-outlined md-18 text-gray-300 group-hover:text-gray-400 dark:text-gray-600">arrow_right_alt</span> {{ model.name }}
-                </a>
-            </li>
+    <ul class="absolute bg-white border left-0 mt-12 right-0 rounded top-0 shadow-sm text-sm z-10 dark:bg-gray-800 dark:border-gray-700">
+        {% for app in results %}
+            {% for model in app.models %}
+                <li>
+                    <a href="{{ model.admin_url }}" class="block group overflow-hidden px-3 py-2 text-gray-500 text-ellipsis whitespace-nowrap hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200">
+                        {{ app.name }} <span class="align-text-top material-symbols-outlined md-18 text-gray-300 group-hover:text-gray-400 dark:text-gray-600">arrow_right_alt</span> {{ model.name }}
+                    </a>
+                </li>
+            {% endfor %}
         {% endfor %}
-    {% endfor %}
-</ul>
+    </ul>
 {% endif %}