django-unfold 0.57.0__py3-none-any.whl → 0.59.0__py3-none-any.whl

unfold/templates/unfold/helpers/edit_inline/tabular_heading.html

@@ -9,7 +9,7 @@
                         {{ field.label|capfirst }}
 
                         {% if field.help_text %}
-                            <span class="cursor-pointer material-symbols-outlined ml-2 text-base-400 dark:text-base-500" title="{{ field.help_text|striptags }}">help</span>
+                            <span class="cursor-help material-symbols-outlined ml-2 text-base-400 dark:text-base-500" title="{{ field.help_text|striptags }}">help</span>
                         {% endif %}
                     </span>
                 </th>

unfold/templates/unfold/helpers/empty_results.html

@@ -25,8 +25,8 @@
             {% endif %}
 
 
-            {% if cl.has_filters %}
-                <a href="{{ cl.clear_all_filters_qs }}" class="border border-base-200 flex flex-row font-medium gap-2 group/button h-[38px] items-center justify-center px-3 py-2 rounded-default w-full hover:text-primary-600 lg:w-auto dark:border-base-700 dark:hover:bg-base-900 dark:hover:text-primary-500">
+            {% if cl.has_filters or cl.query %}
+                <a href="?" class="border border-base-200 flex flex-row font-medium gap-2 group/button h-[38px] items-center justify-center px-3 py-2 rounded-default w-full hover:text-primary-600 lg:w-auto dark:border-base-700 dark:hover:bg-base-900 dark:hover:text-primary-500">
                     <span class="material-symbols-outlined ml-1">filter_list_off</span> {% trans "Reset filters" %}
                 </a>
             {% endif %}

unfold/templates/unfold/helpers/field.html

@@ -1,7 +1,7 @@
 {% 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="{% if field.errors %}errors {% endif %}flex flex-col group mb-5 last:mb-4">
         <div class="flex flex-row gap-2 items-center">
             {{ field }}
 
@@ -13,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 gap-2 group mb-6 last:mb-4">
+    <div class="{% if field.errors %}errors {% endif %}flex flex-col gap-2 group mb-5 last:mb-4">
         {% include "unfold/helpers/form_label.html" with field=field %}
 
         {{ field }}

unfold/templates/unfold/helpers/header.html

@@ -2,7 +2,7 @@
 
 {% if not is_popup %}
     {% block header %}
-        <div class="bg-white border-b border-base-200 mb-6 px-4 z-40 dark:bg-base-900 dark:border-base-800 {% element_classes 'header' %}">
+        <div class="bg-white border-b border-base-200 mb-6 px-4 z-40 dark:bg-base-900 dark:border-base-800 dark:text-font-default-dark {% element_classes 'header' %}">
             <div class="{% if not cl.model_admin.list_fullwidth %}container{% endif %} flex items-center h-16 mx-auto py-4">
                 <div id="header-inner" class="flex items-center w-full">
                     <div class="flex items-center w-full">

unfold/templates/unfold/helpers/language_form.html

@@ -0,0 +1,10 @@
+<form action="{% if languages_action %}{{ languages_action }}{% else %}{% url 'set_language' %}{% endif %}" method="post" class="flex w-full">
+    {% csrf_token %}
+
+    <input name="next" type="hidden" value="{{ redirect_to }}">
+    <input name="language" type="hidden" value="{{ language.code }}">
+
+    <button type="submit" class="block cursor-pointer grow mx-1 px-3 py-2 rounded-default text-left hover:bg-base-100 hover:text-base-700 dark:hover:bg-base-700 dark:hover:text-base-200 {% if language.code == LANGUAGE_CODE %}text-primary-600 dark:text-primary-500 dark:hover:text-primary-500! hover:text-primary-600!{% endif %}">
+        {{ language.name_local }} ({{ language.code }})
+    </button>
+</form>

unfold/templates/unfold/helpers/language_switch.html

@@ -4,24 +4,22 @@
 {% get_available_languages as LANGUAGES %}
 {% get_language_info_list for LANGUAGES as languages %}
 
+{% if show_languages %}
+    <div class="relative" x-data="{ openLanguageLinks: false }">
+        <a class="block cursor-pointer h-[18px] hover:text-base-700 dark:hover:text-base-200" x-on:click="openLanguageLinks = !openLanguageLinks">
+            <span class="material-symbols-outlined">translate</span>
+        </a>
 
-<div class="relative" x-data="{ openLanguageLinks: false }">
-    <a class="block cursor-pointer h-[18px] hover:text-base-700 dark:hover:text-base-200" x-on:click="openLanguageLinks = !openLanguageLinks">
-        <span class="material-symbols-outlined">translate</span>
-    </a>
-
-    <div class="absolute bg-white border border-base-200 flex flex-col leading-none py-1 -right-2 rounded-default shadow-lg top-7 w-52 z-50 dark:bg-base-800 dark:border-base-700" x-cloak x-show="openLanguageLinks" x-transition x-on:click.outside="openLanguageLinks = false">
-        {% for language in languages %}
-            <form action="{% url 'set_language' %}" method="post" class="flex w-full">
-                {% csrf_token %}
-
-                <input name="next" type="hidden" value="{{ redirect_to }}">
-                <input name="language" type="hidden" value="{{ language.code }}">
-
-                <button type="submit" class="block grow mx-1 px-3 py-2 rounded-default text-left hover:bg-base-100 hover:text-base-700 dark:hover:bg-base-700 dark:hover:text-base-200 {% if language.code == LANGUAGE_CODE %}text-primary-600 dark:text-primary-500 dark:hover:text-primary-500! hover:text-primary-600!{% endif %}">
-                    {{ language.name_local }} ({{ language.code }})
-                </button>
-            </form>
-        {% endfor %}
+        <div class="absolute bg-white border border-base-200 flex flex-col leading-none py-1 -right-2 rounded-default shadow-lg top-7 w-52 z-50 dark:bg-base-800 dark:border-base-700" x-cloak x-show="openLanguageLinks" x-transition x-on:click.outside="openLanguageLinks = false">
+            {% if languages_list %}
+                {% for language in languages_list %}
+                    {% include "unfold/helpers/language_form.html" with language=language %}
+                {% endfor %}
+            {% else %}
+                {% for language in languages %}
+                    {% include "unfold/helpers/language_form.html" with language=language %}
+                {% endfor %}
+            {% endif %}
+        </div>
     </div>
-</div>
+{% endif %}

unfold/templates/unfold/helpers/navigation.html

@@ -1,6 +1,6 @@
 {% load i18n unfold %}
 
-<nav class="bg-base-50 flex flex-col min-h-screen dark:bg-base-950/20 {% element_classes 'navigation_inner' %}">
+<nav id="nav-sidebar-inner" class="bg-base-50 flex flex-col min-h-screen dark:text-font-default-dark dark:bg-base-950/20 {% element_classes 'navigation_inner' %}">
     {% include "unfold/helpers/navigation_header.html" %}
 
     {% include "unfold/helpers/search.html" %}

unfold/templates/unfold/helpers/pagination_infinite.html

@@ -1,11 +1,11 @@
-{% load unfold_list i18n %}
+{% load unfold unfold_list i18n %}
 
 <div class="flex flex-row gap-4">
-    <a {% if cl.page_num != 1 %}href="?p={{ cl.page_num|add:-1 }}"{% endif %} class="{% if cl.page_num != 1 %}hover:text-primary-600 dark:hover:text-primary-500{% endif %}">
+    <a {% if cl.page_num != 1 %}href="{% infinite_paginator_url cl cl.page_num|add:-1 %}"{% endif %} class="{% if cl.page_num != 1 %}hover:text-primary-600 dark:hover:text-primary-500{% endif %}">
         {% trans "Previous" %}
     </a>
 
-    <a href="?p={{ cl.page_num|add:1 }}" class="hover:text-primary-600 dark:hover:text-primary-500">
+    <a {% if cl.result_list|length %}href="{% infinite_paginator_url cl cl.page_num|add:1 %}"{% endif %} class="{% if cl.result_list|length %}hover:text-primary-600 dark:hover:text-primary-500{% endif %}">
         {% trans "Next" %}
     </a>
 </div>

unfold/templates/unfold/helpers/theme_switch.html

@@ -1,32 +1,34 @@
 {% load i18n %}
 
-<div class="relative" x-data="{ openTheme: false }">
-    <a class="block cursor-pointer h-[18px] leading-none hover:text-base-700 dark:hover:text-base-200" x-on:click="openTheme = !openTheme">
-        <span class="material-symbols-outlined">
-            <span x-text="adminTheme == 'dark' && 'dark_mode' || adminTheme == 'light' && 'light_mode' || 'computer'"></span>
-        </span>
-    </a>
-
-    <nav class="absolute bg-white border border-base-200 flex flex-col leading-none py-1 -right-2 rounded-default shadow-lg top-7 w-40 z-50 dark:bg-base-800 dark:border-base-700" x-cloak x-show="openTheme" x-transition x-on:click.outside="openTheme = false">
-        <a class="cursor-pointer flex flex-row leading-none mx-1 px-3 py-1.5 rounded-default hover:bg-base-100 hover:text-base-700 dark:hover:bg-base-700 dark:hover:text-base-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!'">
-            <span class="material-symbols-outlined mr-2">dark_mode</span>
-            <span class="leading-none self-center">{% trans "Dark" %}</span>
+{% if not theme %}
+    <div class="relative" x-data="{ openTheme: false }">
+        <a class="block cursor-pointer h-[18px] leading-none hover:text-base-700 dark:hover:text-base-200" x-on:click="openTheme = !openTheme">
+            <span class="material-symbols-outlined">
+                <span x-text="adminTheme == 'dark' && 'dark_mode' || adminTheme == 'light' && 'light_mode' || 'computer'"></span>
+            </span>
         </a>
 
-        <a class="cursor-pointer flex flex-row mx-1 px-3 py-1.5 rounded-default hover:bg-base-100 hover:text-base-700 dark:hover:bg-base-700 dark:hover:text-base-200"
-           x-on:click="adminTheme = 'light'"
-           x-bind:class="adminTheme == 'light'  && 'text-primary-600 dark:text-primary-500 dark:hover:text-primary-500! hover:text-primary-600!'">
-            <span class="material-symbols-outlined mr-2">light_mode</span>
-            <span class="leading-none self-center">{% trans "Light" %}</span>
-        </a>
+        <nav class="absolute bg-white border border-base-200 flex flex-col leading-none py-1 -right-2 rounded-default shadow-lg top-7 w-40 z-50 dark:bg-base-800 dark:border-base-700" x-cloak x-show="openTheme" x-transition x-on:click.outside="openTheme = false">
+            <a class="cursor-pointer flex flex-row leading-none mx-1 px-3 py-1.5 rounded-default hover:bg-base-100 hover:text-base-700 dark:hover:bg-base-700 dark:hover:text-base-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!'">
+                <span class="material-symbols-outlined mr-2">dark_mode</span>
+                <span class="leading-none self-center">{% trans "Dark" %}</span>
+            </a>
 
-        <a class="cursor-pointer flex flex-row mx-1 px-3 py-1.5 rounded-default hover:bg-base-100 hover:text-base-700 dark:hover:bg-base-700 dark:hover:text-base-200"
-           x-on:click="adminTheme = 'auto'"
-           x-bind:class="adminTheme == 'auto' && 'text-primary-600 dark:text-primary-500 dark:hover:text-primary-500! hover:text-primary-600!'">
-            <span class="material-symbols-outlined mr-2">computer</span>
-            <span class="leading-none self-center">{% trans "System" %}</span>
-        </a>
-    </nav>
-</div>
+            <a class="cursor-pointer flex flex-row mx-1 px-3 py-1.5 rounded-default hover:bg-base-100 hover:text-base-700 dark:hover:bg-base-700 dark:hover:text-base-200"
+               x-on:click="adminTheme = 'light'"
+               x-bind:class="adminTheme == 'light'  && 'text-primary-600 dark:text-primary-500 dark:hover:text-primary-500! hover:text-primary-600!'">
+                <span class="material-symbols-outlined mr-2">light_mode</span>
+                <span class="leading-none self-center">{% trans "Light" %}</span>
+            </a>
+
+            <a class="cursor-pointer flex flex-row mx-1 px-3 py-1.5 rounded-default hover:bg-base-100 hover:text-base-700 dark:hover:bg-base-700 dark:hover:text-base-200"
+               x-on:click="adminTheme = 'auto'"
+               x-bind:class="adminTheme == 'auto' && 'text-primary-600 dark:text-primary-500 dark:hover:text-primary-500! hover:text-primary-600!'">
+                <span class="material-symbols-outlined mr-2">computer</span>
+                <span class="leading-none self-center">{% trans "System" %}</span>
+            </a>
+        </nav>
+    </div>
+{% endif %}

unfold/templates/unfold/helpers/userlinks.html

@@ -11,13 +11,9 @@
                 {{ extra_userlinks }}
             {% endif %}
 
-            {% if show_languages %}
-                {% include "unfold/helpers/language_switch.html" %}
-            {% endif %}
+            {% include "unfold/helpers/language_switch.html" %}
 
-            {% if not theme %}
-                {% include "unfold/helpers/theme_switch.html" %}
-            {% endif %}
+            {% include "unfold/helpers/theme_switch.html" %}
 
             {% include "unfold/helpers/account_links.html" %}
         </div>

unfold/templates/unfold/helpers/welcomemsg.html

@@ -1,15 +1,17 @@
 {% load unfold i18n %}
 
 <div class="flex flex-row grow font-semibold items-center min-w-0 mr-3">
-    <span class="cursor-pointer flex flex-row items-center">
-        <span class="material-symbols-outlined hidden! xl:block!" hx-get="{% url "admin:toggle_sidebar" %}" hx-swap="none" x-on:click="sidebarDesktopOpen = !sidebarDesktopOpen">
-            dock_to_right
-        </span>
+    {% if is_nav_sidebar_enabled %}
+        <span class="cursor-pointer flex flex-row items-center">
+            <span class="material-symbols-outlined hidden! xl:block!" hx-get="{% url "admin:toggle_sidebar" %}" hx-swap="none" x-on:click="sidebarDesktopOpen = !sidebarDesktopOpen">
+                dock_to_right
+            </span>
 
-        <span class="material-symbols-outlined block! xl:hidden!" x-on:click="sidebarMobileOpen = !sidebarMobileOpen">
-            dock_to_right
+            <span class="material-symbols-outlined block! xl:hidden!" x-on:click="sidebarMobileOpen = !sidebarMobileOpen">
+                dock_to_right
+            </span>
         </span>
-    </span>
+    {% endif %}
 
     <span class="block bg-base-200 h-5 mx-3 w-px dark:bg-base-700"></span>
 

unfold/templates/unfold/widgets/select.html

@@ -5,5 +5,5 @@
                 </optgroup>{% endif %}{% endfor %}
     </select>
 
-    <span class="material-symbols-outlined absolute group-[.primary]:text-white -ml-[31px] pointer-events-none text-base-400 top-0 top-1/2 hover:text-base-700 dark:text-base-500 dark:hover:text-base-200 -translate-y-1/2">expand_more</span>
+    <span class="material-symbols-outlined absolute group-[.primary]:text-white pointer-events-none mr-[12px] right-0 text-base-400 top-0 top-1/2 hover:text-base-700 dark:text-base-500 dark:hover:text-base-200 -translate-y-1/2">expand_more</span>
 </div>

unfold/templates/unfold_crispy/field.html

@@ -3,7 +3,7 @@
 {% if field.is_hidden %}
     {{ field }}
 {% else %}
-    <{% if tag %}{{ tag }}{% else %}div{% endif %} id="div_{{ field.auto_id }}" class="group {% if tag == "td" %}align-top border-t border-base-200 font-normal gap-4 min-w-0 overflow-hidden px-3 py-3 text-left dark:border-base-800 dark:before:text-font-important-dark{% endif%} {% if field.errors %}errors{% endif %} {% if field_class %} {{ field_class }}{% endif %} {% if field|is_checkbox and tag == "td" %}flex flex-row gap-2 items-center{% else %}{% if 'form-horizontal' in form_class %} row{% endif %}{% endif %}{% if wrapper_class %} {{ wrapper_class }}{% endif %}{% if field.css_classes %} {{ field.css_classes }}{% endif %}">
+    <{% if tag %}{{ tag }}{% else %}div{% endif %} id="div_{{ field.auto_id }}" class="group {% if tag == "td" %}align-top border-t border-base-200 font-normal gap-4 min-w-0 overflow-hidden px-3 py-3 text-left dark:border-base-800 dark:before:text-font-important-dark {% if form_show_labels and forloop.parentloop.first %}border-t-0{% endif %}{% endif %} {% if field.errors %}errors{% endif %} {% if field_class %} {{ field_class }}{% endif %} {% if field|is_checkbox and tag == "td" %}flex flex-row gap-2 items-center{% else %}{% if 'form-horizontal' in form_class %} row{% endif %}{% endif %}{% if wrapper_class %} {{ wrapper_class }}{% endif %}{% if field.css_classes %} {{ field.css_classes }}{% endif %}">
     {% if field.label and not field|is_checkbox and form_show_labels %}
         <label {% if field.id_for_label %}for="{{ field.id_for_label }}"{% endif %} class="block font-semibold mb-2 text-font-important-light text-sm dark:text-font-important-dark {% if label_class %} {{ label_class }}{% endif %}">
             {{ field.label }}{% if field.field.required %} <span class="asteriskField">*</span>{% endif %}

unfold/templates/unfold_crispy/layout/checkbox.html

@@ -1,13 +1,13 @@
 {% load crispy_forms_field unfold %}
 
 {% if form_show_labels %}
-    <label for="{{ field.id_for_label }}" class="flex flex-row gap-3 items-center">
+    <label for="{{ field.id_for_label }}" class="flex flex-row gap-3 items-center {% if tag == "td" %}mt-9{% endif %}">
         {% crispy_field field 'class' form_classes.switch %} <span>{{ field.label }}{% if field.field.required %} <span class="asteriskField">*</span>{% endif %}</span>
     </label>
 
     {% include 'unfold_crispy/layout/help_text_and_errors.html' %}
 {% else %}
-    {% with field=field|add_css_class:form_classes.checkbox %}
+    {% with field=field|add_css_class:form_classes.switch %}
         {% if tag == "td" %}
             <div class="flex items-center justify-center h-[38px]">
                 {% crispy_field field %}

unfold/templates/unfold_crispy/layout/fieldset.html

@@ -1,9 +1,11 @@
 <fieldset {% if fieldset.css_id %}id="{{ fieldset.css_id }}"{% endif %} class="fieldset group flex flex-col gap-5 grow rounded-default border-base-200 shadow-xs aligned border p-3 relative dark:border-base-800 {% if fieldset.css_class %} {{ fieldset.css_class }}{% endif %}" {{ fieldset.flat_attrs }}>
     {% if legend %}
-        <legend class="border-b border-base-200 font-semibold float-left pb-3 -mx-3 px-3 text-font-important-light dark:text-font-important-dark dark:border-base-800">
+        <legend class="border-b border-base-200 font-semibold float-left pb-3 -mx-3 px-3 text-[15px] text-font-important-light dark:text-font-important-dark dark:border-base-800">
             {{ legend|safe }}
         </legend>
     {% endif %}
 
-    {{ fields|safe }}
+    <div class="flex flex-col gap-5">
+        {{ fields|safe }}
+    </div>
 </fieldset>

unfold/templates/unfold_crispy/layout/fieldset_subheader.html

@@ -0,0 +1,3 @@
+<div class="border-b border-t border-base-200 font-semibold -mx-3 py-2.5 px-3 text-font-important-light first:border-t-0 first:-mt-5 dark:border-base-800 dark:text-font-important-dark">
+    {{ title }}
+</div>

unfold/templates/unfold_crispy/layout/table_inline_formset.html

@@ -15,20 +15,22 @@
         {{ formset.management_form|crispy }}
 
         <table class="w-full">
-            <thead>
-                {% if formset.readonly and not formset.queryset.exists %}
-                {% else %}
-                    <tr>
-                        {% for field in formset.forms.0 %}
-                            {% if field.label and not field.is_hidden %}
-                                <th for="{{ field.auto_id }}" class="align-middle font-semibold py-2 text-left text-font-important-light dark:text-font-important-dark whitespace-nowrap px-3 {% if field.name == "DELETE" %}w-0{% endif %}">
-                                    {{ field.label }}{% if field.field.required and not field|is_checkbox %} <span class="asteriskField">*</span>{% endif %}
-                                </th>
-                            {% endif %}
-                        {% endfor %}
-                    </tr>
-                {% endif %}
-            </thead>
+            {% if not form_show_labels %}
+                <thead>
+                    {% if formset.readonly and not formset.queryset.exists %}
+                    {% else %}
+                        <tr>
+                            {% for field in formset.forms.0 %}
+                                {% if field.label and not field.is_hidden %}
+                                    <th for="{{ field.auto_id }}" class="align-middle font-semibold py-2 text-left text-font-important-light dark:text-font-important-dark whitespace-nowrap px-3 {% if field.name == "DELETE" %}w-0{% endif %}">
+                                        {{ field.label }}{% if field.field.required and not field|is_checkbox %} <span class="asteriskField">*</span>{% endif %}
+                                    </th>
+                                {% endif %}
+                            {% endfor %}
+                        </tr>
+                    {% endif %}
+                </thead>
+            {% endif %}
 
             <tbody {% if formset_id %}id="{{ formset_id }}-rows"{% endif %}>
                 {% for form in formset %}
@@ -42,7 +44,7 @@
 
                     <tr>
                         {% for field in form %}
-                            {% include 'unfold_crispy/field.html' with tag="td" form_show_labels=False %}
+                            {% include 'unfold_crispy/field.html' with tag="td" %}
                         {% endfor %}
                     </tr>
                 {% endfor %}
@@ -52,7 +54,7 @@
                 <tbody>
                     <tr class="empty-form">
                         {% for field in formset.empty_form %}
-                            {% include 'unfold_crispy/field.html' with tag="td" form_show_labels=False %}
+                            {% include 'unfold_crispy/field.html' with tag="td" %}
                         {% endfor %}
                     </tr>
 

unfold/templatetags/unfold.py

@@ -4,7 +4,7 @@ from typing import Any, Optional, Union
 
 from django import template
 from django.contrib.admin.helpers import AdminForm, Fieldset
-from django.contrib.admin.views.main import ChangeList
+from django.contrib.admin.views.main import PAGE_VAR, ChangeList
 from django.contrib.admin.widgets import RelatedFieldWidgetWrapper
 from django.db.models import Model
 from django.db.models.options import Options
@@ -108,6 +108,20 @@ def class_name(value: Any) -> str:
     return value.__class__.__name__
 
 
+@register.filter
+def is_list(value: Any) -> str:
+    return isinstance(value, list)
+
+
+@register.filter
+def has_active_item(items: list[dict]) -> bool:
+    for item in items:
+        if "active" in item and item["active"]:
+            return True
+
+    return False
+
+
 @register.filter
 def index(indexable: Mapping[int, Any], i: int) -> Any:
     try:
@@ -555,3 +569,8 @@ def changeform_condition(field: BoundField) -> BoundField:
         field.field.field.widget.attrs["x-model.fill"] = field.field.name
 
     return field
+
+
+@register.simple_tag
+def infinite_paginator_url(cl, i):
+    return cl.get_query_string({PAGE_VAR: i})

unfold/utils.py

@@ -150,7 +150,7 @@ def hex_to_rgb(hex_color: str) -> list[int]:
     return (r, g, b)
 
 
-def prettify_json(data: Any) -> Optional[str]:
+def prettify_json(data: Any, encoder: Any) -> Optional[str]:
     try:
         from pygments import highlight
         from pygments.formatters import HtmlFormatter
@@ -167,7 +167,7 @@ def prettify_json(data: Any) -> Optional[str]:
         )
         return highlight(response, JsonLexer(), formatter)
 
-    response = json.dumps(data, sort_keys=True, indent=4)
+    response = json.dumps(data, sort_keys=True, indent=4, cls=encoder)
 
     return mark_safe(
         f'<div class="block dark:hidden">{format_response(response, "colorful")}</div>'

unfold/widgets.py

@@ -123,9 +123,10 @@ TEXTAREA_EXPANDABLE_CLASSES = [
 
 SELECT_CLASSES = [
     *BASE_INPUT_CLASSES,
-    "pr-8",
+    "pr-8!",
     "max-w-2xl",
     "appearance-none",
+    "truncate",
 ]
 
 PROSE_CLASSES = [
@@ -168,7 +169,7 @@ CHECKBOX_CLASSES = [
     "dark:border-base-500",
     "dark:checked:after:text-white",
     "focus:outline",
-    "focus:outline-1",
+    "focus:outline-2",
     "focus:outline-offset-2",
     "focus:outline-primary-500",
     "after:absolute",
@@ -210,7 +211,7 @@ RADIO_CLASSES = [
     "dark:border-base-500",
     "hover:border-base-400",
     "focus:outline",
-    "focus:outline-1",
+    "focus:outline-2",
     "focus:outline-offset-2",
     "focus:outline-primary-500",
     "after:absolute",
@@ -759,8 +760,13 @@ try:
         template_name = "unfold/widgets/split_money.html"
 
         def __init__(self, *args, **kwargs):
+            if "attrs" in kwargs:
+                attrs = kwargs.pop("attrs")
+            else:
+                attrs = {}
+
             super().__init__(
-                amount_widget=UnfoldAdminTextInputWidget,
+                amount_widget=UnfoldAdminTextInputWidget(attrs=attrs),
                 currency_widget=UnfoldAdminSelectWidget(
                     choices=CURRENCY_CHOICES,
                     attrs={