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

unfold/templates/unfold/helpers/fieldset_row.html

@@ -4,29 +4,55 @@
             {% if not line.has_visible_field %} hidden{% endif %}
             {% for field in line %}{% if field.field.name %} field-{{ field.field.name }}{% endif %}{% endfor %}">
     {% for field in line %}
-        <div class="flex group {% if not line.fields|length == 1 and not adminform.model_admin.compressed_fields %} lg:max-w-xs flex-grow{% endif %}{% if field.errors %} errors {% endif %}{% if not forloop.parentloop.last %} {% if adminform.model_admin.compressed_fields %}mb-3{% else %}mb-6{% endif %}{% else %} pb-3{% endif %} {% if adminform.model_admin.compressed_fields %}flex-col lg:flex-row lg:gap-2 {% else %}flex-col{% endif %}">
+        <div class="flex group {% if adminform.model_admin.compressed_fields %} field-row{% endif %}{% if not line.fields|length == 1 and not adminform.model_admin.compressed_fields %} lg:max-w-xs flex-grow{% endif %}{% if field.errors %} errors {% endif %}{% if not forloop.parentloop.last %} {% if adminform.model_admin.compressed_fields %}mb-3{% else %}mb-6{% endif %}{% else %} pb-3{% endif %} {% if adminform.model_admin.compressed_fields %}flex-col lg:flex-row lg:gap-2 {% else %}flex-col{% endif %}">
             {% if field.is_checkbox %}
-                <div class="flex flex-row">
-                    {{ field.field }}
-
-                    <div class="flex flex-col">
-                        {{ field.label_tag }}
-
-                        {% if field.field.help_text %}
-                            <div class="ml-2 -mt-1">
-                                {% include "unfold/helpers/help_text.html" with help_text=field.field.help_text %}
-                            </div>
-                        {% endif %}
-
-                        {% if field.errors %}
-                            <span class="mt-1 text-red-600 text-sm dark:text-red-500">
-                                {{ field.errors }}
-                            </span>
-                        {% endif %}
+                {% 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">
+                            {{ field.label_tag }}
+                        </div>
+
+                        <div class="flex-grow">
+                            <div class="flex flex-col lg:flex-row">
+                                {{ field.field }}
+
+                                {% if field.field.help_text %}
+                                    <div class="lg:-mt-2 lg:ml-2">
+                                        {% include "unfold/helpers/help_text.html" with help_text=field.field.help_text %}
+                                    </div>
+                                {% endif %}
+                                </div>
+
+                            {% if field.errors %}
+                                <span class="mt-1 text-red-600 text-sm dark:text-red-500">
+                                    {{ field.errors }}
+                                </span>
+                            {% endif %}
+                        </div>
                     </div>
-                </div>
+                {% else %}
+                    <div class="flex flex-row">
+                        {{ field.field }}
+
+                        <div class="flex flex-col">
+                            {{ field.label_tag }}
+
+                            {% if field.field.help_text %}
+                                <div class="ml-2 -mt-1">
+                                    {% include "unfold/helpers/help_text.html" with help_text=field.field.help_text %}
+                                </div>
+                            {% endif %}
+
+                            {% if field.errors %}
+                                <span class="mt-1 text-red-600 text-sm dark:text-red-500">
+                                    {{ field.errors }}
+                                </span>
+                            {% endif %}
+                        </div>
+                    </div>
+                {% endif %}
             {% else %}
-                <div class="{% if adminform.model_admin.compressed_fields %} min-w-48 mt-2 w-48{% endif %}">
+                <div class="{% if adminform.model_admin.compressed_fields %} min-w-48 lg:mt-2 w-48{% endif %}">
                     {{ field.label_tag }}
                 </div>
 

unfold/templates/unfold/helpers/navigation.html

@@ -1,7 +1,7 @@
 {% 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-900 dark:border-gray-800">
+    <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 %}

unfold/templates/unfold/helpers/tab_action.html

@@ -1,5 +1,5 @@
 <li class="border-b flex-grow text-center md:border-b-0 md:border-r last:border-0 dark:border-gray-800">
-    <a href="{{ link }}" class="block px-4 py-2 text-gray-500 text-left whitespace-nowrap hover:text-gray-700 dark:text-gray-400 hover:dark:text-gray-200"{% if blank %} target="_blank"{% endif %}>
+    <a href="{{ link }}" class="block px-4 py-2 text-gray-500 text-left whitespace-nowrap hover:text-gray-700 dark:text-gray-400 hover:dark:text-gray-200"{% if blank %} target="_blank"{% endif %} {% include "unfold/helpers/attrs.html" with attrs=action.attrs %}>
         {{ title }}
     </a>
 </li>

unfold/templates/unfold/helpers/tab_list.html

@@ -1,5 +1,5 @@
 {% if not is_popup %}
-    {% if tab_list or actions_list or actions_items or nav_global %}
+    {% if tab_list or actions_list or actions_detail or actions_items or nav_global %}
         <div class="flex items-start flex-col mb-4 text-gray-500 text-sm w-full md:border-b dark:md:border-gray-800 md:border-l-0 md:flex-row md:items-center md:justify-end dark:text-gray-400">
             {% if tab_list %}
                 <ul class="border rounded-md flex flex-col w-full md:flex-row md:border-b-0 md:border-t-0 md:border-l-0 md:border-r-0 dark:border-gray-800">
@@ -15,12 +15,16 @@
                 </ul>
             {% endif %}
 
-            {% if actions_list or actions_items or nav_global %}
+            {% if actions_list or actions_detail or actions_items or nav_global %}
                 <ul class="border flex flex-col mb-4 mt-2 rounded-md shadow-sm md:flex-row md:mb-2 md:mt-0 dark:border-gray-800 max-md:w-full">
                     {% for action in actions_list %}
                         {% include "unfold/helpers/tab_action.html" with title=action.title link=action.path %}
                     {% endfor %}
 
+                    {% for action in actions_detail %}
+                        {% include "unfold/helpers/tab_action.html" with title=action.title link=action.path %}
+                    {% endfor %}
+
                     {% if actions_items %}
                         {{ actions_items }}
                     {% endif %}

unfold/templates/unfold/helpers/theme_switch.html

@@ -7,7 +7,7 @@
         </span>
     </a>
 
-    <nav class="absolute bg-white border flex flex-col leading-none overflow-hidden py-1 -right-2 rounded shadow-lg text-sm text-gray-500 top-7 w-40 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400" x-cloak x-show="openTheme" @click.outside="openTheme = false">
+    <nav class="absolute bg-white border flex flex-col leading-none overflow-hidden py-1 -right-2 rounded shadow-lg text-sm text-gray-500 top-7 w-40 z-50 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400" x-cloak x-show="openTheme" @click.outside="openTheme = false">
         <a class="cursor-pointer flex flex-row leading-none mx-1 px-3 py-1.5 rounded hover:bg-gray-100 hover:text-gray-700 dark:hover:bg-gray-700 dark:hover:text-gray-200"
            x-on:click="adminTheme = 'dark'"
            x-bind:class="adminTheme == 'dark' && 'text-primary-600 dark:text-primary-500 dark:hover:!text-primary-500 hover:!text-primary-600'">

unfold/templates/unfold/widgets/foreign_key_raw_id.html

@@ -1,4 +1,4 @@
-<div class="flex flex-row">
+<div class="flex flex-row flex-grow">
     {% include 'django/forms/widgets/input.html' %}
 
     {% if related_url %}

unfold/templates/unfold/widgets/split_datetime.html

@@ -1,23 +1,23 @@
-<div class="datetime flex flex-col max-w-2xl lg:flex-row">
-    <div class="basis-1/2 flex flex-col flex-wrap mb-4 lg:mb-0 lg:mr-2">
-        <div class="font-medium mb-2 text-gray-500 text-sm dark:text-gray-400">
+<div class="datetime flex flex-col gap-2 max-w-2xl lg:flex-row lg:group-[.field-row]:flex-row lg:group-[.field-row]:items-center lg:group-[.field-tabular]:flex-row lg:group-[.field-tabular]:items-center">
+    <div class="basis-1/2 flex flex-col lg:group-[.field-row]:flex-row group-[.field-row]:gap-2 lg:group-[.field-tabular]:flex-row group-[.field-tabular]:gap-2">
+        <div class="font-medium mb-2 text-gray-500 text-sm dark:text-gray-400 group-[.field-row]:mb-0 group-[.field-row]:flex group-[.field-row]:items-center group-[.field-tabular]:mb-0 group-[.field-tabular]:flex group-[.field-tabular]:items-center">
             {{ date_label }}
         </div>
 
         {% with widget=widget.subwidgets.0 %}
-            <div class="flex flex-col relative">
+            <div class="flex flex-col min-w-52 relative group-[.field-row]:flex-grow group-[.field-tabular]:flex-grow">
                 {% include widget.template_name %}
             </div>
         {% endwith %}
     </div>
 
-    <div class="basis-1/2 flex flex-col flex-wrap lg:ml-auto mt-3 md:mt-0">
-        <div class="font-medium mb-2 text-gray-500 text-sm dark:text-gray-400">
+    <div class="basis-1/2 flex flex-col lg:ml-auto md:mt-0 lg:group-[.field-row]:flex-row group-[.field-row]:gap-2 lg:group-[.field-tabular]:flex-row group-[.field-tabular]:gap-2">
+        <div class="font-medium mb-2 text-gray-500 text-sm dark:text-gray-400 group-[.field-row]:mb-0 group-[.field-row]:flex group-[.field-row]:items-center group-[.field-tabular]:mb-0 group-[.field-tabular]:flex group-[.field-tabular]:items-center">
             {{ time_label }}
         </div>
 
         {% with widget=widget.subwidgets.1 %}
-            <div class="flex flex-col relative">
+            <div class="flex flex-col min-w-52 relative group-[.field-row]:flex-grow group-[.field-tabular]:flex-grow">
                 {% include widget.template_name %}
             </div>
         {% endwith %}

unfold/templatetags/unfold.py

@@ -26,6 +26,7 @@ def tab_list(context, opts) -> str:
         context={
             "tab_list": tabs,
             "nav_global": context.get("nav_global"),
+            "actions_detail": context.get("actions_detail"),
             "actions_list": context.get("actions_list"),
             "actions_items": context.get("actions_items"),
             "is_popup": context.get("is_popup"),

unfold/widgets.py

@@ -49,6 +49,7 @@ BASE_CLASSES = [
     "border",
     "bg-white",
     "font-medium",
+    "min-w-20",
     "rounded-md",
     "shadow-sm",
     "text-gray-500",
@@ -78,6 +79,8 @@ BASE_INPUT_CLASSES = [
 
 INPUT_CLASSES = [*BASE_INPUT_CLASSES, "max-w-2xl"]
 
+DATETIME_CLASSES = [*BASE_INPUT_CLASSES, "min-w-52"]
+
 COLOR_CLASSES = [*BASE_CLASSES, "h-9.5", "px-2", "py-2", "w-32"]
 
 INPUT_CLASSES_READONLY = [*BASE_INPUT_CLASSES, "bg-gray-50"]
@@ -227,6 +230,7 @@ SWITCH_CLASSES = [
     "rounded-full",
     "transition-all",
     "w-8",
+    "min-w-8",
     "after:absolute",
     "after:bg-white",
     "after:content-['']",
@@ -321,7 +325,7 @@ class UnfoldAdminDateWidget(AdminDateWidget):
         self, attrs: Optional[Dict[str, Any]] = None, format: Optional[str] = None
     ) -> None:
         attrs = {
-            "class": "vDateField " + " ".join(INPUT_CLASSES),
+            "class": "vDateField " + " ".join(DATETIME_CLASSES),
             "size": "10",
             **(attrs or {}),
         }
@@ -335,7 +339,7 @@ class UnfoldAdminSingleDateWidget(AdminDateWidget):
         self, attrs: Optional[Dict[str, Any]] = None, format: Optional[str] = None
     ) -> None:
         attrs = {
-            "class": "vDateField " + " ".join(INPUT_CLASSES),
+            "class": "vDateField " + " ".join(DATETIME_CLASSES),
             "size": "10",
             **(attrs or {}),
         }
@@ -347,7 +351,7 @@ class UnfoldAdminTimeWidget(AdminTimeWidget):
         self, attrs: Optional[Dict[str, Any]] = None, format: Optional[str] = None
     ) -> None:
         attrs = {
-            "class": "vTimeField " + " ".join(INPUT_CLASSES),
+            "class": "vTimeField " + " ".join(DATETIME_CLASSES),
             "size": "8",
             **(attrs or {}),
         }
@@ -361,7 +365,7 @@ class UnfoldAdminSingleTimeWidget(AdminTimeWidget):
         self, attrs: Optional[Dict[str, Any]] = None, format: Optional[str] = None
     ) -> None:
         attrs = {
-            "class": "vTimeField " + " ".join(INPUT_CLASSES),
+            "class": "vTimeField " + " ".join(DATETIME_CLASSES),
             "size": "8",
             **(attrs or {}),
         }