django-unfold 0.53.0__py3-none-any.whl → 0.54.0__py3-none-any.whl

unfold/styles.css

@@ -264,12 +264,13 @@ table tr.selected th {
   @apply hidden;
 }
 
+.tabular-table tbody.has_original,
 .tabular-table .template tr {
   @apply border-t border-base-200 dark:border-base-800;
 }
 
 .add-row {
-  @apply align-middle bg-base-50 px-3 py-5 font-normal text-right dark:bg-white/[.02];
+  @apply align-middle bg-white px-3 py-5 font-normal text-right dark:bg-base-900;
 }
 
 [data-inline-type="stacked"] .add-row {

unfold/templates/admin/change_list.html

@@ -74,21 +74,23 @@
                         {% include cl.model_admin.list_before_template %}
                     {% endif %}
 
-                    <div class="flex flex-col gap-4 mb-4  sm:flex-row empty:hidden lg:border lg:border-base-200 lg:dark:border-base-800 lg:-mb-8 lg:p-3 lg:pb-11 lg:rounded-t">
-                        {% block search %}
-                            {% search_form cl %}
-                        {% endblock %}
+                    {% spaceless %}
+                        <div class="flex flex-col gap-4 mb-4  sm:flex-row empty:hidden lg:border lg:border-base-200 lg:dark:border-base-800 lg:-mb-8 lg:p-3 lg:pb-11 lg:rounded-t">
+                            {% block search %}
+                                {% search_form cl %}
+                            {% endblock %}
 
-                        {% block filters %}
-                            {% if cl.has_filters %}
-                                <a class="{% if cl.has_active_filters %}bg-primary-600 border-primary-600 text-white{% else %}bg-white border-base-200 hover:text-primary-600 dark:bg-base-900 dark:border-base-700 dark:hover:text-primary-500{% endif %} border cursor-pointer flex font-medium gap-2 group items-center px-3 py-2 rounded shadow-sm text-sm lg:ml-auto md:mt-0 {% if not cl.model_admin.list_filter_sheet %}2xl:hidden{% endif %}" x-on:click="filterOpen = true" x-on:keydown.escape.window="filterOpen = false">
-                                    {% trans "Filters" %}
+                            {% block filters %}
+                                {% if cl.has_filters %}
+                                    <a class="{% if cl.has_active_filters %}bg-primary-600 border-primary-600 text-white{% else %}bg-white border-base-200 hover:text-primary-600 dark:bg-base-900 dark:border-base-700 dark:hover:text-primary-500{% endif %} border cursor-pointer flex font-medium gap-2 group items-center px-3 py-2 rounded shadow-sm text-sm lg:ml-auto md:mt-0 {% if not cl.model_admin.list_filter_sheet %}2xl:hidden{% endif %}" x-on:click="filterOpen = true" x-on:keydown.escape.window="filterOpen = false">
+                                        {% trans "Filters" %}
 
-                                    <span class="material-symbols-outlined md-18 ml-auto">filter_list</span>
-                                </a>
-                            {% endif %}
-                        {% endblock %}
-                    </div>
+                                        <span class="material-symbols-outlined md-18 ml-auto">filter_list</span>
+                                    </a>
+                                {% endif %}
+                            {% endblock %}
+                        </div>
+                    {% endspaceless %}
 
                     <form id="changelist-form" class="group" method="post"{% if cl.formset and cl.formset.is_multipart %} enctype="multipart/form-data"{% endif %} novalidate>
                         {% csrf_token %}

unfold/templates/admin/change_list_results.html

@@ -100,7 +100,7 @@
 
                     {% if cl.model_admin.list_sections|length > 0 %}
                         <tr class="block mb-3 lg:table-row" x-show="rowOpen">
-                            <td colspan="{{ result|length|add:1 }}" class="border bg-base-200/10 block border-base-200 relative rounded p-3 lg:shadow-inner lg:border-0 lg:border-t lg:rounded-none lg:table-cell dark:border-base-800">
+                            <td colspan="{{ result|length|add:2 }}" class="border bg-base-200/10 block border-base-200 relative rounded p-3 lg:shadow-inner lg:border-0 lg:border-t lg:rounded-none lg:table-cell dark:border-base-800">
                                 <div class="absolute bg-primary-600 h-full hidden left-0 top-0 w-0.5 lg:block"></div>
 
                                 <div class="grid gap-3 {{ cl.model_admin.list_sections_classes }}">

unfold/templates/admin/edit_inline/tabular.html

@@ -18,9 +18,8 @@
             {% if inline_admin_formset.is_collapsible %}</summary>{% endif %}
 
             {{ inline_admin_formset.formset.non_form_errors }}
-
             <div class="border border-base-200 mb-6 overflow-x-auto rounded shadow-sm dark:border-base-800" data-simplebar data-simplebar-auto-hide="false">
-                <table class="tabular-table w-full" {% if inline_admin_formset.opts.ordering_field %}data-ordering-field="{{ inline_admin_formset.opts.ordering_field }}" x-on:end="sortRecords" x-sort.ghost{% endif %}>
+                <table class="tabular-table w-full [&>tbody:nth-child(odd)]:bg-base-50 [&>tbody:nth-child(odd)]:dark:bg-white/[.02]" {% if inline_admin_formset.opts.ordering_field %}data-ordering-field="{{ inline_admin_formset.opts.ordering_field }}" x-on:end="sortRecords" x-sort.ghost{% endif %}>
                     {% include "unfold/helpers/edit_inline/tabular_heading.html" %}
 
                     {% for inline_admin_form in inline_admin_formset %}

unfold/templates/unfold/components/chart/cohort.html

@@ -5,7 +5,7 @@
                 <th></th>
 
                 {% for header in data.headers %}
-                    <th class="font-normal px-3 pb-2.5 text-left ">
+                    <th class="font-normal px-3 pb-2.5 text-left">
                         <div class="font-semibold text-font-important-light truncate dark:text-font-important-dark">
                             {{ header.title }}
                         </div>
@@ -25,7 +25,7 @@
                 <tr class="h-full">
                     <td>
                         <div class="pr-3 py-2.5">
-                            <div class="font-semibold text-font-important-light dark:text-font-important-dark">
+                            <div class="font-semibold text-font-important-light truncate dark:text-font-important-dark">
                                 {{ row.header.title }}
                             </div>
 

unfold/templates/unfold/helpers/change_list_filter.html

@@ -10,8 +10,8 @@
                 {% preserve_filters %}
             {% endif %}
 
-            <div class="flex flex-col grow gap-4 overflow-auto *:mb-0" data-simplebar data-simplebar-direction="rtl">
-                <div class="flex flex-col gap-4 mx-1 px-2 py-2.5 {% if not cl.model_admin.list_filter_sheet %} 2xl:px-0 2xl:py-0{% endif %} *:mb-0">
+            <div class="flex flex-col grow gap-4 overflow-auto *:mb-0 {% if not cl.model_admin.list_filter_sheet %}2xl:-mx-1{% endif %}" data-simplebar data-simplebar-direction="rtl">
+                <div class="flex flex-col gap-4 px-3 py-2.5 {% if not cl.model_admin.list_filter_sheet %}2xl:pb-1 2xl:px-1 2xl:py-0{% endif %} *:mb-0">
                     {% for spec in cl.filter_specs %}
                         {% admin_list_filter cl spec %}
                     {% endfor %}

unfold/templates/unfold/helpers/change_list_filter_actions.html

@@ -1,31 +1,33 @@
 {% load i18n %}
 
-<div class="bg-white border-t border-base-200 p-3 py-2.5 dark:bg-base-800 dark:border-base-700{% if not cl.model_admin.list_filter_sheet %} 2xl:!border-t-0 2xl:!bg-transparent 2xl:px-0{% endif %}">
-    {% if cl.model_admin.list_filter_submit %}
-        <button type="submit" class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded text-white w-full">
-            {% trans "Apply Filters" %}
-        </button>
-    {% endif %}
+{% if cl.model_admin.list_filter_submit or cl.is_facets_optional or cl.has_active_filters %}
+    <div class="bg-white border-t border-base-200 p-3 py-2.5 dark:bg-base-800 dark:border-base-700{% if not cl.model_admin.list_filter_sheet %} 2xl:!border-t-0 2xl:!bg-transparent 2xl:px-0{% endif %}">
+        {% if cl.model_admin.list_filter_submit %}
+            <button type="submit" class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded text-white w-full">
+                {% trans "Apply Filters" %}
+            </button>
+        {% endif %}
 
-    {% if cl.is_facets_optional or cl.has_active_filters %}
-        <span id="changelist-filter-extra-actions" class="flex flex-row gap-2 items-center mt-2">
-            {% if cl.is_facets_optional %}
-                {% if cl.add_facets %}
-                    <a href="{{ cl.remove_facet_link }}" class="hidelink border flex-grow font-medium px-3 py-2 rounded text-center transition-all w-full hover:bg-base-50 lg:w-auto dark:border-base-700 dark:hover:text-base-200">
-                        {% trans "Hide counts" %}
-                    </a>
-                {% else %}
-                    <a href="{{ cl.add_facet_link }}" class="viewlink border flex-grow font-medium px-3 py-2 rounded text-center transition-all w-full lg:w-auto dark:border-base-700 dark:hover:text-base-200">
-                        {% trans "Show counts" %}
-                    </a>
+        {% if cl.is_facets_optional or cl.has_active_filters %}
+            <span id="changelist-filter-extra-actions" class="flex flex-row gap-2 items-center mt-2">
+                {% if cl.is_facets_optional %}
+                    {% if cl.add_facets %}
+                        <a href="{{ cl.remove_facet_link }}" class="hidelink border flex-grow font-medium px-3 py-2 rounded text-center transition-all w-full hover:bg-base-50 lg:w-auto dark:border-base-700 dark:hover:text-base-200">
+                            {% trans "Hide counts" %}
+                        </a>
+                    {% else %}
+                        <a href="{{ cl.add_facet_link }}" class="viewlink border flex-grow font-medium px-3 py-2 rounded text-center transition-all w-full lg:w-auto dark:border-base-700 dark:hover:text-base-200">
+                            {% trans "Show counts" %}
+                        </a>
+                    {% endif %}
                 {% endif %}
-            {% endif %}
 
-            {% if cl.has_active_filters %}
-                <a href="{{ cl.clear_all_filters_qs }}" class="border flex-grow font-medium px-3 py-2 rounded text-center transition-all w-full lg:w-auto dark:border-base-700 dark:hover:text-base-200">
-                    {% trans "Clear all filters" %}
-                </a>
-            {% endif %}
-        </span>
-    {% endif %}
-</div>
+                {% if cl.has_active_filters %}
+                    <a href="{{ cl.clear_all_filters_qs }}" class="border flex-grow font-medium px-3 py-2 rounded text-center transition-all w-full lg:w-auto dark:border-base-700 dark:hover:text-base-200">
+                        {% trans "Clear all filters" %}
+                    </a>
+                {% endif %}
+            </span>
+        {% endif %}
+    </div>
+{% endif %}

unfold/templates/unfold/helpers/edit_inline/tabular_field.html

@@ -12,14 +12,16 @@
     {% if field.is_readonly %}
         {% include "unfold/helpers/field_readonly_value.html" with tabular=1 %}
     {% else %}
-        {{ field.field }}
+        <div class="flex flex-col">
+            {{ field.field }}
 
-        {% if field.field.errors|length > 0 %}
-            <div class="mt-1 text-red-600 text-sm dark:text-red-500">
-                {% for error in field.field.errors %}
-                    {{ error }}
-                {% endfor %}
-            </div>
-        {% endif %}
+            {% if field.field.errors|length > 0 %}
+                <div class="mt-1 text-red-600 text-sm dark:text-red-500">
+                    {% for error in field.field.errors %}
+                        {{ error }}
+                    {% endfor %}
+                </div>
+            {% endif %}
+        </div>
     {% endif %}
 </div>

unfold/templates/unfold/helpers/field.html

@@ -1,4 +1,6 @@
-{% if field.field.widget.input_type == "checkbox" %}
+{% load unfold %}
+
+{% if field.field.widget.input_type == "checkbox" and field.field.widget|class_name != "UnfoldAdminCheckboxSelectMultiple"%}
     <div class="{% if field.errors %}errors {% endif %}flex flex-col group mb-6 last:mb-4">
         <div class="flex flex-row gap-2 items-center">
             {{ field }}
@@ -11,7 +13,7 @@
         {% include "unfold/helpers/help_text.html" with help_text=field.help_text %}
     </div>
 {% else %}
-    <div class="{% if field.errors %}errors {% endif %}flex flex-col group mb-6 last:mb-4">
+    <div class="{% if field.errors %}errors {% endif %}flex flex-col gap-2 group mb-6 last:mb-4">
         {% include "unfold/helpers/form_label.html" with field=field %}
 
         {{ field }}

unfold/templates/unfold/helpers/form_label.html

@@ -1,4 +1,4 @@
-<label for="{{ field.id_for_label }}" class="block text-font-important-light dark:text-font-important-dark{% if field.field.widget.input_type == "checkbox" %}{% else %} font-semibold mb-2{% endif %}">
+<label for="{{ field.id_for_label }}" class="block font-semibold text-font-important-light dark:text-font-important-dark">
     {{ field.label }}
 
     {% if field.field.required %}

unfold/templates/unfold/helpers/tab_action.html

@@ -15,8 +15,23 @@
         {{ title }}
 
         {% if not link %}
-            <span class="material-symbols-outlined ml-auto rotate-90">
-                chevron_right
+            <span class="border-l border-base-200 flex items-center select-none self-stretch ml-1 -mr-1 -my-2 pl-2
+                         {% if action.variant.value == "primary" %}
+                             border-primary-700 dark:border-primary-500
+                         {% elif action.variant.value == "danger" %}
+                             border-red-700 dark:border-red-500
+                         {% elif action.variant.value == "success" %}
+                             border-green-700 dark:border-green-500
+                         {% elif action.variant.value == "info" %}
+                             border-blue-700 dark:border-blue-500
+                         {% elif action.variant.value == "warning" %}
+                             border-orange-700 dark:border-orange-500
+                         {% else %}
+                             border-base-200 dark:border-base-700
+                         {% endif %}">
+                <span class="material-symbols-outlined ml-auto rotate-90 transition-transform" x-bind:class="{'!-rotate-90': actionDropdownOpen }">
+                    chevron_right
+                </span>
             </span>
         {% endif %}
     </a>

unfold/templates/unfold/widgets/radio_option.html

@@ -5,7 +5,7 @@
 {% include "django/forms/widgets/input.html" %}
 
 {% if widget.wrap_label %}
-    <span>
+    <span class="truncate">
         {{ widget.label }}
     </span>
     </label>

unfold/templatetags/unfold.py

@@ -438,41 +438,46 @@ def action_item_classes(context: Context, action: UnfoldAction) -> str:
     if variant == ActionVariant.PRIMARY:
         classes.extend(
             [
-                "border-primary-600",
+                "border-primary-700",
                 "bg-primary-600",
                 "text-white",
+                "dark:border-primary-500",
             ]
         )
     elif variant == ActionVariant.DANGER:
         classes.extend(
             [
-                "border-red-600",
+                "border-red-700",
                 "bg-red-600",
                 "text-white",
+                "dark:border-red-500",
             ]
         )
     elif variant == ActionVariant.SUCCESS:
         classes.extend(
             [
-                "border-green-600",
+                "border-green-700",
                 "bg-green-600",
                 "text-white",
+                "dark:border-green-500",
             ]
         )
     elif variant == ActionVariant.INFO:
         classes.extend(
             [
-                "border-blue-600",
+                "border-blue-700",
                 "bg-blue-600",
                 "text-white",
+                "dark:border-blue-500",
             ]
         )
     elif variant == ActionVariant.WARNING:
         classes.extend(
             [
-                "border-orange-600",
+                "border-orange-700",
                 "bg-orange-600",
                 "text-white",
+                "dark:border-orange-500",
             ]
         )
     else:
@@ -480,6 +485,7 @@ def action_item_classes(context: Context, action: UnfoldAction) -> str:
             [
                 "border-base-200",
                 "hover:text-primary-600",
+                "dark:hover:text-primary-500",
                 "dark:border-base-700",
             ]
         )

unfold/widgets.py

@@ -146,6 +146,7 @@ CHECKBOX_CLASSES = [
     "border-base-300",
     "cursor-pointer",
     "h-4",
+    "min-w-4",
     "relative",
     "rounded-[4px]",
     "shadow-sm",
@@ -189,6 +190,7 @@ RADIO_CLASSES = [
     "border-base-300",
     "cursor-pointer",
     "h-4",
+    "min-w-4",
     "relative",
     "rounded-full",
     "w-4",