django-unfold 0.29.0__py3-none-any.whl → 0.30.0__py3-none-any.whl

unfold/templates/admin/edit_inline/tabular.html

@@ -59,22 +59,28 @@
 
                                     {% if inline_admin_form.original or inline_admin_form.show_url %}
                                         <tr>
-                                            <td class="original {% if inline_admin_form.original or inline_admin_form.show_url %}{% if inline_admin_form.original and inline_admin_form.model_admin.show_change_link and inline_admin_form.model_admin.has_registered_model and inline_admin_formset.has_change_permission %}bg-gray-50 border-b  border-gray-200 dark:bg-white/[.02] dark:border-gray-800{% endif %}{% endif %}" colspan="10">
+                                            <td class="original {% if inline_admin_form.original or inline_admin_form.show_url %}border-b border-gray-200 dark:border-gray-800 bg-gray-50 dark:bg-white/[.02]{% endif %}" colspan="{{ inline_admin_form|cell_count }}">
                                                 {% if inline_admin_form.original or inline_admin_form.show_url %}
-                                                    <p class="align-middle flex font-normal items-center leading-none px-3 text-gray-500 text-left text-sm whitespace-nowrap">
+                                                    <p class="bg-gray-50 flex font-medium items-center px-3 py-2 text-gray-400 text-sm dark:bg-white/[.02] ">
                                                         {% if inline_admin_form.original %}
+                                                            <span class="font-semibold text-gray-900 dark:text-gray-200">
+                                                                {{ inline_admin_form.original }}
+                                                            </span>
+
                                                             {% if inline_admin_form.model_admin.show_change_link and inline_admin_form.model_admin.has_registered_model %}
-                                                                <a href="{% url inline_admin_form.model_admin.opts|admin_urlname:'change' inline_admin_form.original.pk|admin_urlquote %}" class="{% if inline_admin_formset.has_change_permission %}inlinechangelink py-1.5{% else %}inlineviewlink mt-3{% endif %} font-medium text-primary-600 underline text-xs">
-                                                                    {{ inline_admin_form.original }}
+                                                                <a href="{% url inline_admin_form.model_admin.opts|admin_urlname:'change' inline_admin_form.original.pk|admin_urlquote %}" class="{{ inline_admin_formset.has_change_permission|yesno:'inlinechangelink,inlineviewlink' }} font-medium ml-2 text-primary-600 underline dark:text-primary-500">
+                                                                    {% if inline_admin_formset.has_change_permission %}
+                                                                        {% translate "Change" %}
+                                                                    {% else %}
+                                                                        {% translate "View" %}
+                                                                    {% endif %}
                                                                 </a>
                                                             {% endif %}
-                                                        {% else %}
-                                                            {{ inline_admin_form.original }}
                                                         {% endif %}
 
                                                         {% if inline_admin_form.show_url %}
-                                                            <a href="{{ inline_admin_form.absolute_url }}" class="ml-1 mt-3">
-                                                                <span class="material-symbols-outlined h-4 md-16 text-primary-600">launch</span>
+                                                            <a href="{{ inline_admin_form.absolute_url }}" class="font-medium ml-2 text-primary-600 underline dark:text-primary-500">
+                                                                {% translate "View on site" %}
                                                             </a>
                                                         {% endif %}
                                                     </p>

unfold/templates/admin/filter.html

@@ -14,7 +14,7 @@
     {% if spec|class_name == "BooleanFieldListFilter" %}
         <ul class="border-l-4 border-gray-200 flex pl-4 py-2 text-gray-500 text-sm dark:border-gray-700">
             {% for choice in choices %}
-                <li class="{% if choice.selected %}font-medium text-primary-500 underline dark{% else %}text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200{% endif %} pr-4">
+                <li class="{% if choice.selected %}font-medium text-primary-600 dark:text-primary-500 underline dark{% else %}text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200{% endif %} pr-4">
                     <a href="{{ choice.query_string|iriencode }}" title="{{ choice.display }}">
                         {{ choice.display }}
                     </a>
@@ -24,7 +24,7 @@
     {% else %}
         <ul class="border-l-4 border-gray-200 flex flex-col pl-4 py-4 text-gray-500 text-sm dark:border-gray-700">
             {% for choice in choices %}
-                <li class="mb-4 last:mb-0 {% if choice.selected %}font-medium text-primary-500 underline {% else %}text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200{% endif %}">
+                <li class="mb-4 last:mb-0 {% if choice.selected %}font-medium text-primary-600 dark:text-primary-500 underline {% else %}text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200{% endif %}">
                     <a href="{{ choice.query_string|iriencode }}" title="{{ choice.display }}">
                         {{ choice.display }}
                     </a>

unfold/templates/admin/login.html

@@ -29,7 +29,7 @@
             <div class="w-full sm:w-96">
                 <h1 class="font-semibold mb-10">
                     <span class="block text-gray-700 dark:text-gray-200">{% trans 'Welcome back to' %}</span>
-                    <span class="block text-primary-600 text-xl">{{ site_title }}</span>
+                    <span class="block text-primary-600 text-xl dark:text-primary-500">{{ site_title }}</span>
                 </h1>
 
                 {% include "unfold/helpers/messages/errornote.html" with errors=form.errors %}
@@ -78,7 +78,7 @@
 
             <div class="absolute flex flex-row items-center justify-between left-0 m-4 right-0 top-0">
                 {% if site_url %}
-                    <a href="{{ site_url }}" class="flex font-medium items-center text-sm text-primary-600">
+                    <a href="{{ site_url }}" class="flex font-medium items-center text-sm text-primary-600 dark:text-primary-500">
                         <span class="material-symbols-outlined mr-2">arrow_back</span> {% trans 'Return to site' %}
                     </a>
                 {% endif %}

unfold/templates/admin/nav_sidebar.html

@@ -4,7 +4,7 @@
     <div @click="sidebarDesktopOpen = !sidebarDesktopOpen"
          hx-get="{% url "admin:toggle_sidebar" %}"
          hx-swap="none"
-         class="block bg-white border cursor-pointer fixed flex h-6 hidden items-center justify-center rounded-full text-gray-500 top-5 -translate-x-1/2 w-6 z-50 xl:flex dark:bg-gray-800 dark:border-gray-700 dark:text-gray-200"
+         class="bg-white border cursor-pointer fixed h-6 hidden items-center justify-center rounded-full text-gray-500 top-5 -translate-x-1/2 w-6 z-50 xl:flex dark:bg-gray-800 dark:border-gray-700 dark:text-gray-200"
          :class="{'ml-6 rotate-180': !sidebarDesktopOpen, 'ml-72': sidebarDesktopOpen}">
         <span class="material-symbols-outlined md-16">
             first_page
@@ -12,7 +12,7 @@
     </div>
 
     <div @click="sidebarMobileOpen = !sidebarMobileOpen"
-         class="fixed bottom-0 bg-gray-700 flex cursor-pointer flex items-center left-0 mb-2 ml-2 justify-center px-2 py-1 rounded-full shadow-sm text-xs text-white uppercase z-50 xl:hidden"
+         class="fixed bottom-0 bg-gray-700 cursor-pointer flex items-center left-0 mb-2 ml-2 justify-center px-2 py-1 rounded-full shadow-sm text-xs text-white uppercase z-50 xl:hidden"
         :class="{'ml-72 -translate-x-1/2': sidebarMobileOpen}">
         {% trans "Menu" %}
     </div>

unfold/templates/unfold/change_list_filter.html

@@ -21,7 +21,7 @@
 
             <div class="px-6{% if cl.model_admin.list_filter_submit %} pb-16{% endif %}">
                 {% if cl.model_admin.list_filter_submit %}
-                    <form method="get">
+                    <form id="filter-form" method="get">
                 {% endif %}
 
 

unfold/templates/unfold/helpers/field_readonly_value.html

@@ -1 +1 @@
-<div class="readonly font-medium max-w-4xl py-2 text-gray-500 text-sm truncate dark:text-gray-400 *:rounded-md {% if not adminform.model_admin.compressed_fields and not field.is_image %}bg-gray-50 border px-3 rounded-md shadow-sm dark:border-gray-700 dark:bg-gray-800{% endif %} {% if field.is_image %}inline-block [&_img]:rounded-md !py-0{% endif %}">{% if value %}{{ value }}{% elif field.contents %}{{ field.contents }}{% else %}-{% endif %}</div>
+<div class="readonly font-medium max-w-4xl py-2 text-gray-500 text-sm dark:text-gray-400 *:rounded-md {% if not adminform.model_admin.compressed_fields and not field.is_image %}bg-gray-50 border px-3 rounded-md shadow-sm dark:border-gray-700 dark:bg-gray-800{% endif %} {% if field.is_image %}inline-block [&_img]:rounded-md !py-0{% endif %}">{% if value %}{{ value }}{% elif field.contents %}{{ field.contents }}{% else %}-{% endif %}</div>

unfold/templates/unfold/helpers/fieldset_row.html

@@ -8,7 +8,7 @@
             {% if field.is_checkbox %}
                 {% if adminform.model_admin.compressed_fields %}
                     <div class="flex flex-row gap-4">
-                        <div class="font-medium h-5 flex items-start -ml-2 min-w-32 w-32 lg:min-w-48 lg:w-48">
+                        <div class="font-medium flex items-start -ml-2 min-w-32 w-32 lg:min-w-48 lg:w-48">
                             {{ field.label_tag }}
                         </div>
 

unfold/templates/unfold/helpers/navigation.html

@@ -1,23 +1,25 @@
 {% load i18n %}
 
 <div class="relative min-w-sidebar transition-width w-sidebar z-30">
-    <nav id="nav-sidebar" class="bg-gray-50 border-r border-gray-200 flex flex-col fixed max-h-screen min-h-screen min-w-sidebar transition-width w-sidebar dark:bg-gray-950 dark:border-gray-800">
-        <div class="border-b border-gray-200 mb-5 py-3 dark:border-gray-800">
-            <div class="flex font-medium h-10 items-center px-6 text-gray-700 dark:text-gray-200">
-                {% if site_logo %}
-                    {% include "unfold/helpers/site_logo.html" %}
-                {% elif branding %}
-                    {% include "unfold/helpers/site_icon.html" %}
-                {% endif %}
+    <nav id="nav-sidebar" class="bg-gray-50 border-r border-gray-200 fixed max-h-screen  transition-width w-sidebar dark:bg-gray-900 dark:border-gray-800">
+        <div class="flex flex-col min-h-screen min-w-sidebar dark:bg-gray-950/20">
+            <div class="border-b border-gray-200 mb-5 py-3 dark:border-gray-800">
+                <div class="flex font-medium h-10 items-center px-6 text-gray-700 dark:text-gray-200">
+                    {% if site_logo %}
+                        {% include "unfold/helpers/site_logo.html" %}
+                    {% elif branding %}
+                        {% include "unfold/helpers/site_icon.html" %}
+                    {% endif %}
+                </div>
             </div>
-        </div>
 
-        {% include "unfold/helpers/search.html" %}
+            {% include "unfold/helpers/search.html" %}
 
-        {% if sidebar_navigation|length > 0 %}
-            {% include "unfold/helpers/app_list.html" with app_list=available_apps %}
-        {% else %}
-            {% include "admin/app_list.html" with app_list=available_apps show_changelinks=False %}
-        {% endif %}
+            {% if sidebar_navigation|length > 0 %}
+                {% include "unfold/helpers/app_list.html" with app_list=available_apps %}
+            {% else %}
+                {% include "admin/app_list.html" with app_list=available_apps show_changelinks=False %}
+            {% endif %}
+        </div>
     </nav>
 </div>

unfold/widgets.py

@@ -23,6 +23,7 @@ from django.forms import (
     MultiWidget,
     NullBooleanSelect,
     NumberInput,
+    PasswordInput,
     Select,
 )
 from django.utils.translation import gettext_lazy as _
@@ -90,12 +91,10 @@ TEXTAREA_CLASSES = [
     "max-w-4xl",
     "appearance-none",
     "expandable",
-    "overflow-hidden",
     "transition",
     "transition-height",
     "duration-75",
     "ease-in-out",
-    "resize-none",
 ]
 
 TEXTAREA_EXPANDABLE_CLASSES = [
@@ -116,6 +115,7 @@ SELECT_CLASSES = [
 
 PROSE_CLASSES = [
     "font-normal",
+    "whitespace-normal",
     "prose-sm",
     "prose-blockquote:border-l-4",
     "prose-blockquote:not-italic",
@@ -567,3 +567,10 @@ class UnfoldForeignKeyRawIdWidget(ForeignKeyRawIdWidget):
             **(attrs or {}),
         }
         super().__init__(rel, admin_site, attrs, using)
+
+
+class UnfoldAdminPasswordInput(PasswordInput):
+    def __init__(self, attrs=None, render_value=False):
+        super().__init__(
+            {"class": " ".join(INPUT_CLASSES), **(attrs or {})}, render_value
+        )