fix: app list long title (#386)

unfoldadmin · May 15, 2024 · 68b8ccc · 68b8ccc
1 parent 26962bc
commit 68b8ccc
Showing 1 changed file with 6 additions and 8 deletions.
diff --git a/src/unfold/templates/admin/app_list.html b/src/unfold/templates/admin/app_list.html
@@ -8,9 +8,11 @@
                     {% if app.models and not app.hidden %}
                         <li>
                             {% if app.name %}
-                                <a href="{{ app.app_url }}" class="block font-semibold mb-2 mt-4 text-gray-700 text-sm dark:text-gray-200" title="{% blocktranslate with name=app.name %}Models in the {{ name }} application{% endblocktranslate %}">
-                                    {{ app.name }}
-                                </a>
+                                <h3>
+                                    <a href="{{ app.app_url }}" class="block font-semibold mb-2 mt-4 text-gray-700 text-sm truncate dark:text-gray-200" title="{% blocktranslate with name=app.name %}Models in the {{ name }} application{% endblocktranslate %}">
+                                        {{ app.name }}
+                                    </a>
+                                </h3>
                             {% endif %}
 
                             <ol>
@@ -25,11 +27,7 @@ <h3 class="font-medium my-3 text-gray-900 text-sm dark:text-gray-200">
 
                                             {% if model.admin_url %}
                                                 <a href="{{ model.admin_url }}" id="link-{{ app.app_label }}-{{ model.object_name|lower }}"
-                                                   class="block border border-transparent flex h-11 items-center -mx-3 px-3 py-2 rounded-md transition-all {% if model.admin_url in request.path|urlencode %}bg-gray-100 font-semibold text-primary-500 dark:border dark:border-gray-800 dark:bg-white/[.02]{% else %}text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200{% endif %}">
-                                                    {% if model.icon %}
-                                                        <span class="material-symbols-outlined md-18 mr-3">{{ model.icon }}</span>
-                                                    {% endif %}
-
+                                                   class="border border-transparent flex h-11 items-center -mx-3 px-3 py-2 rounded-md transition-all truncate {% if model.admin_url in request.path|urlencode %}bg-gray-100 font-semibold text-primary-500 dark:border dark:border-gray-800 dark:bg-white/[.02]{% else %}text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200{% endif %}">
                                                     <span class="text-sm">
                                                         {{ model.name }}
                                                     </span>