django-unfold 0.21.1__py3-none-any.whl → 0.23.0__py3-none-any.whl

unfold/templates/admin/change_form.html

@@ -65,7 +65,7 @@
             {% csrf_token %}
 
             {% if actions_detail %}
-                <div class="bg-gray-50 flex justify-end -mt-6 mb-4 p-3 rounded-md dark:bg-gray-800">
+                <div class="bg-gray-50 flex justify-end mb-4 p-3 rounded-md dark:bg-gray-800">
                     {% for action in actions_detail %}
                         <a href="{{ action.path }}" class="bg-white text-gray-500 border cursor-pointer flex font-medium items-center px-3 py-2 mr-3 rounded-md shadow-sm text-sm dark:bg-gray-900 dark:border dark:border-gray-700 dark:text-gray-400"
                             {% for attr_name, attr_value in action.attrs.items %}
@@ -89,7 +89,6 @@
                     <input type="hidden" name="{{ to_field_var }}" value="{{ to_field }}">
                 {% endif %}
 
-
                 {% include "unfold/helpers/messages/errornote.html" with errors=errors %}
                 {% include "unfold/helpers/messages/error.html" with errors=adminform.form.non_field_errors %}
 

unfold/templates/admin/change_list.html

@@ -67,7 +67,7 @@
         {% endif %}
 
         <div class="flex -mx-4 module{% if cl.has_filters %} filtered{% endif %}" id="changelist">
-            <div class="changelist-form-container flex-grow px-4" x-data="{ filterOpen: false }">
+            <div class="changelist-form-container flex-grow min-w-0 px-4" x-data="{ filterOpen: false }">
                 {% block date_hierarchy %}
                     {% if cl.date_hierarchy %}
                         {% date_hierarchy cl %}
@@ -84,7 +84,7 @@
                     {% block result_list %}
                         {% if actions_on_top %}
                             {% if cl.search_fields or action_form or cl.has_filters %}
-                                <div class="bg-gray-50 flex flex-col gap-3 mb-4 p-3 rounded-md md:flex-row dark:bg-gray-800">
+                                <div class="bg-gray-50 flex flex-col gap-3 mb-4 p-3 rounded-md lg:flex-row dark:bg-gray-800">
                                     {% block search %}
                                         {% search_form cl %}
                                     {% endblock %}
@@ -95,7 +95,7 @@
 
                                     {% block filters %}
                                         {% if cl.has_filters %}
-                                            <a class="{% if cl.has_active_filters %}bg-primary-600 border-primary-600 text-white{% else %}bg-white text-gray-500 hover:text-gray-700 dark:bg-gray-900 dark:border-gray-700 dark:hover:text-gray-200 dark:text-gray-400{% endif %} border cursor-pointer flex font-medium group items-center px-3 py-2 rounded-md shadow-sm text-sm md:ml-auto md:mt-0" x-on:click="filterOpen = true" x-on:keydown.escape.window="filterOpen = false">
+                                            <a class="{% if cl.has_active_filters %}bg-primary-600 border-primary-600 text-white{% else %}bg-white text-gray-500 hover:text-gray-700 dark:bg-gray-900 dark:border-gray-700 dark:hover:text-gray-200 dark:text-gray-400{% endif %} border cursor-pointer flex font-medium group items-center px-3 py-2 rounded-md shadow-sm text-sm lg:ml-auto md:mt-0" x-on:click="filterOpen = true" x-on:keydown.escape.window="filterOpen = false">
                                                 {% trans "Filters" %}
 
                                                 <span class="material-symbols-outlined md-18 ml-auto -mr-1 pl-4 {% if cl.has_active_filters %}text-white{% else %}text-gray-400 group-hover:text-gray-700 dark:group-hover:text-gray-200 dark:text-gray-500{% endif %}">filter_list</span>

unfold/templates/admin/change_list_results.html

@@ -7,11 +7,11 @@
 {% endif %}
 
 {% if results %}
-    <table id="result_list" class="border-gray-200 border-spacing-none border-separate text-gray-700 w-full dark:text-gray-400 lg:border lg:rounded-md lg:shadow-sm lg:dark:border-gray-800">
-        <thead class="hidden lg:table-header-group">
+    <table id="result_list" class="block border-gray-200 border-spacing-none border-separate text-gray-700 w-full dark:text-gray-400 lg:border lg:rounded-md lg:shadow-sm lg:table lg:dark:border-gray-800">
+        <thead>
             <tr>
                 {% for header in result_headers %}
-                    <th class="align-middle font-medium px-3 py-2 text-left text-gray-400 text-sm {{ header.class_attrib }} {% if "action-toggle" in header.text and forloop.counter == 1 %}w-10{% endif %}" scope="col">
+                    <th class="align-middle font-medium py-2 text-left text-gray-400 text-sm {{ header.class_attrib }} {% if "action-toggle" in header.text and forloop.counter == 1 %}lg:px-3 lg:w-10{% else %}hidden px-3 lg:table-cell{% endif %}" scope="col">
                         <div class="flex items-center">
                             <div class="text">
                                 {% if header.sortable %}
@@ -19,7 +19,19 @@
                                         {{ header.text|capfirst }}
                                     </a>
                                 {% else %}
-                                    <span>{{ header.text|capfirst }}</span>
+                                    {% if "action-toggle" in header.text and forloop.counter == 1 %}
+                                        <label class="flex flex-row items-center gap-2">
+                                            {{ header.text|capfirst }}
+
+                                            <span class="block font-normal text-gray-500 dark:text-gray-400 lg:hidden">
+                                                {% trans "Select all rows"%}
+                                            </span>
+                                        </label>
+                                    {% else %}
+                                        <span>
+                                            {{ header.text|capfirst }}
+                                        </span>
+                                    {% endif %}
                                 {% endif %}
                             </div>
 
@@ -52,7 +64,7 @@
             </tr>
         </thead>
 
-        <tbody>
+        <tbody class="block lg:table-row-group">
             {% for result in results %}
                 {% if result.form and result.form.non_field_errors %}
                     <tr>

unfold/templates/admin/edit_inline/tabular.html

@@ -109,11 +109,11 @@
                                                 {% with is_last_col=forloop.last %}
                                                     {% for field in line %}
                                                         {% if field.is_readonly or not field.field.is_hidden %}
-                                                            <td{% if field.field.name %} class="field-{{ field.field.name }}{% if field.field.errors|length > 0 %} errors{% endif %}{% if inline_admin_form.original %} p-3 lg:py-3{% else %} py-3{% endif %}{% if field.is_checkbox %} align-middle{% else %} align-top{% endif %} {% if is_last_row and not inline_admin_formset.has_add_permission %}{% if is_last_col %}border-0 {% else %}border-b lg:border-0{% endif %}{% else %}border-b{% endif %} border-gray-200 flex items-center before:capitalize before:content-[attr(data-label)] before:mr-auto before:text-gray-500 before:w-72 lg:before:hidden font-normal px-3 text-left text-sm lg:table-cell dark:border-gray-800"{% endif %} data-label="{{ field.field.label }}">
+                                                            <td{% if field.field.name %} class="field-{{ field.field.name }}{% if field.field.errors|length > 0 %} errors{% endif %}{% if inline_admin_form.original %} p-3 lg:py-3{% else %} py-3{% endif %}{% if field.is_checkbox %} align-middle{% else %} align-top{% endif %} {% if is_last_row and not inline_admin_formset.has_add_permission %}{% if is_last_col %}border-0 {% else %}border-b lg:border-0{% endif %}{% else %}border-b{% endif %} border-gray-200 flex items-center before:capitalize before:content-[attr(data-label)] before:mr-auto before:text-gray-500 before:w-72 lg:before:hidden font-normal px-3 text-left text-sm lg:table-cell dark:border-gray-800 {% if field.field.is_hidden %} !hidden{% endif %}"{% endif %} data-label="{{ field.field.label }}">
                                                                 {% if field.is_readonly %}
-                                                                    <p class="bg-gray-50 border font-medium max-w-lg px-3 py-2 rounded-md shadow-sm text-gray-500 text-sm truncate whitespace-nowrap dark:border-gray-700 dark:text-gray-400 dark:bg-gray-800">
+                                                                    <div class="bg-gray-50 border font-medium max-w-lg px-3 py-2 rounded-md shadow-sm text-gray-500 text-sm truncate whitespace-nowrap dark:border-gray-700 dark:text-gray-400 dark:bg-gray-800">
                                                                         {{ field.contents }}
-                                                                    </p>
+                                                                    </div>
                                                                 {% else %}
                                                                     {{ field.field }}
 

unfold/templates/admin/login.html

@@ -25,7 +25,7 @@
 
 {% block base %}
     <div class="flex min-h-screen">
-        <div class="flex flex-grow items-center justify-center mx-auto px-4">
+        <div class="flex flex-grow items-center justify-center mx-auto px-4 relative">
             <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>
@@ -72,13 +72,17 @@
                 </form>
             </div>
 
-            {% if site_url %}
-                <div class="absolute left-0 ml-4 mt-4 top-0">
+            <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">
                         <span class="material-symbols-outlined mr-2">arrow_back</span> {% trans 'Return to site' %}
                     </a>
-                </div>
-            {% endif %}
+                {% endif %}
+
+                {% if not theme %}
+                    {% include "unfold/helpers/theme_switch.html" %}
+                {% endif %}
+            </div>
         </div>
 
         {% if image %}

unfold/templates/admin/search_form.html

@@ -1,19 +1,17 @@
 {% load i18n static %}
 
 {% if cl.search_fields %}
-    <div id="toolbar" class="lg:w-72">
-        <div>
-            <div class="bg-white border flex rounded-md overflow-hidden shadow-sm focus-within:ring focus-within:ring-primary-300 focus-within:border-primary-600 dark:bg-gray-900 dark:border-gray-700 dark:focus-within:border-primary-600 dark:focus-within:ring-primary-700 dark:focus-within:ring-opacity-50">
-                <input class="font-medium h-9 px-3 text-gray-500 text-sm w-40 lg:w-60 focus:outline-none dark:bg-gray-900 dark:text-gray-400" type="text" name="{{ search_var }}" value="{{ cl.query }}" id="searchbar" placeholder="{% trans 'Type to search' %}" />
+    <div id="toolbar">
+        <div class="bg-white border flex rounded-md overflow-hidden shadow-sm lg:w-64 focus-within:ring focus-within:ring-primary-300 focus-within:border-primary-600 dark:bg-gray-900 dark:border-gray-700 dark:focus-within:border-primary-600 dark:focus-within:ring-primary-700 dark:focus-within:ring-opacity-50">
+            <input class="font-medium grow min-w-0 h-9 px-3 text-gray-500 text-sm focus:outline-none dark:bg-gray-900 dark:text-gray-400" type="text" name="{{ search_var }}" value="{{ cl.query }}" id="searchbar" placeholder="{% trans 'Type to search' %}" />
 
-                <button type="submit" class="flex items-center ml-auto px-2 focus:outline-none" id="searchbar-submit">
-                    <span class="material-symbols-outlined md-18 text-gray-400 dark:text-gray-500">search</span>
-                </button>
-            </div>
-
-            {% for pair in cl.params.items %}
-                {% if pair.0 != search_var %}<input type="hidden" name="{{ pair.0 }}" value="{{ pair.1 }}">{% endif %}
-            {% endfor %}
+            <button type="submit" class="flex items-center px-2 focus:outline-none" id="searchbar-submit">
+                <span class="material-symbols-outlined md-18 text-gray-400 dark:text-gray-500">search</span>
+            </button>
         </div>
+
+        {% for pair in cl.params.items %}
+            {% if pair.0 != search_var %}<input type="hidden" name="{{ pair.0 }}" value="{{ pair.1 }}">{% endif %}
+        {% endfor %}
     </div>
 {% endif %}

unfold/templates/unfold/helpers/account_links.html

@@ -25,10 +25,10 @@
         {% endif %}
 
         <div class="border-t mt-1 pt-1 dark:border-gray-700">
-            <form id="logout-form" method="post" action="{% url 'admin:logout' %}" class="bg-none block mx-1 px-3 py-2 text-red-500 rounded hover:bg-red-100 dark:hover:bg-red-500/20 dark:hover:text-red-500">
+            <form id="logout-form" method="post" action="{% url 'admin:logout' %}" class="mx-1">
                 {% csrf_token %}
 
-                <button type="submit">
+                <button type="submit" class="bg-none block px-3 py-2 text-left text-red-500 rounded w-full hover:bg-red-100 dark:hover:bg-red-500/20 dark:hover:text-red-500">
                     {% translate 'Log out' %}
                 </button>
             </form>

unfold/templates/unfold/helpers/app_list.html

@@ -31,7 +31,11 @@
 
                                     {% if item.badge %}
                                         <span class="bg-red-600 font-semibold ml-2 px-1 rounded-sm text-xs text-white">
-                                            {{ item.badge|safe }}
+                                            {% if item.badge_callback %}
+                                                {{ item.badge_callback }}
+                                            {% else %}
+                                                {{ item.badge }}
+                                            {% endif %}
                                         </span>
                                     {% endif %}
                                 </a>

unfold/templates/unfold/helpers/display_label.html

@@ -6,4 +6,6 @@
     {% else %}
         {% include "unfold/helpers/label.html" with type=label_type text=label %}
     {% endif %}
+{% else %}
+    -
 {% endif %}

unfold/templates/unfold/helpers/tab_list.html

@@ -1,6 +1,6 @@
 {% if not is_popup %}
     {% if tab_list or actions_list or actions_items or nav_global %}
-        <div class="flex items-start flex-col mb-2 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">
+        <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">
                     {% for item in tab_list %}

unfold/templates/unfold/layouts/base_simple.html

@@ -10,7 +10,7 @@
             {% endblock %}
         {% endif %}
 
-        <div id="main" class="shadow flex-grow">
+        <div id="main" class="shadow flex-grow min-w-0">
             {% block content_before %}
                 {% include "unfold/helpers/header.html" %}
             {% endblock %}

unfold/templates/unfold/widgets/date.html

@@ -1,3 +1,3 @@
-<div class="flex flex-col max-w-2xl relative">
+<div class="flex flex-col max-w-2xl min-w-48 relative w-full">
     {% include "django/forms/widgets/input.html" %}
 </div>

unfold/templates/{admin → unfold}/widgets/related_widget_wrapper.html

@@ -9,7 +9,7 @@
                 {% if not is_hidden %}
                     {% if can_add_related or can_change_related or can_delete_related or can_view_related%}
                         {% if can_change_related %}
-                            <a class="related-widget-wrapper-link change-related border cursor-pointer flex items-center h-9.5 justify-center ml-2 rounded shadow-sm shrink-0 text-gray-400 text-sm transition-colors w-9.5 hover:text-gray-700 dark:border-gray-700 dark:text-gray-500 dark:hover:text-gray-200"
+                            <a class="related-widget-wrapper-link change-related bg-white border cursor-pointer flex items-center h-9.5 justify-center ml-2 rounded shadow-sm shrink-0 text-gray-400 text-sm w-9.5 hover:text-gray-700 dark:bg-gray-900 dark:border-gray-700 dark:text-gray-500 dark:hover:text-gray-200"
                                id="change_id_{{ name }}"
                                data-popup="yes"
                                data-href-template="{{ change_related_template_url }}?{{ url_params }}"
@@ -19,7 +19,7 @@
                         {% endif %}
 
                         {% if can_add_related %}
-                            <a class="related-widget-wrapper-link add-related border cursor-pointer flex items-center h-9.5 justify-center ml-2 rounded shadow-sm shrink-0 text-gray-400 text-sm transition-colors w-9.5 hover:text-gray-700 dark:border-gray-700 dark:text-gray-500 dark:hover:text-gray-200"
+                            <a class="related-widget-wrapper-link add-related bg-white border cursor-pointer flex items-center h-9.5 justify-center ml-2 rounded shadow-sm shrink-0 text-gray-400 text-sm w-9.5 hover:text-gray-700 dark:bg-gray-900 dark:border-gray-700 dark:text-gray-500 dark:hover:text-gray-200"
                                data-popup="yes"
                                id="add_id_{{ name }}"
                                 href="{{ add_related_url }}?{{ url_params }}"
@@ -29,7 +29,7 @@
                         {% endif %}
 
                         {% if can_view_related %}
-                            <a class="related-widget-wrapper-link view-related border cursor-pointer flex items-center h-9.5 justify-center ml-2 rounded shadow-sm shrink-0 text-gray-400 text-sm transition-colors w-9.5 hover:text-gray-700 dark:border-gray-700 dark:text-gray-500 dark:hover:text-gray-200"
+                            <a class="related-widget-wrapper-link view-related bg-white border cursor-pointer flex items-center h-9.5 justify-center ml-2 rounded shadow-sm shrink-0 text-gray-400 text-sm w-9.5 hover:text-gray-700 dark:bg-gray-900 dark:border-gray-700 dark:text-gray-500 dark:hover:text-gray-200"
                                id="view_id_{{ name }}"
                                data-href-template="{{ change_related_template_url }}?{{ view_related_url_params }}"
                                title="{% blocktranslate %}View selected {{ model }}{% endblocktranslate %}">
@@ -38,7 +38,7 @@
                         {% endif %}
 
                         {% if can_delete_related %}
-                        <a class="related-widget-wrapper-link delete-related border cursor-pointer flex items-center h-9.5 justify-center ml-2 rounded shadow-sm shrink-0 text-red-600 text-sm transition-colors w-9.5 dark:border-gray-700 dark:text-red-500"
+                        <a class="related-widget-wrapper-link delete-related bg-white border cursor-pointer flex items-center h-9.5 justify-center ml-2 rounded shadow-sm shrink-0 text-red-600 text-sm w-9.5 dark:bg-gray-900 dark:border-gray-700 dark:text-red-500"
                                id="delete_id_{{ name }}"
                                 data-href-template="{{ delete_related_template_url }}?{{ url_params }}"
                                 data-popup="yes"

unfold/templates/unfold/widgets/time.html

@@ -1,3 +1,3 @@
-<div class="flex flex-col max-w-2xl relative">
+<div class="flex flex-col max-w-2xl min-w-48 relative w-full">
     {% include "django/forms/widgets/input.html" %}
 </div>

unfold/templatetags/unfold_list.py

@@ -36,7 +36,63 @@ from ..widgets import UnfoldBooleanWidget
 
 register = Library()
 
-LINK_CLASSES = ["text-gray-700 dark:text-gray-200"]
+LINK_CLASSES = [
+    "text-gray-600",
+    "truncate",
+    "dark:text-gray-300",
+]
+
+ROW_CLASSES = [
+    "align-middle",
+    "flex",
+    "border-t",
+    "border-gray-200",
+    "font-normal",
+    "gap-4",
+    "min-w-0",
+    "overflow-hidden",
+    "px-3",
+    "py-2",
+    "text-left",
+    "text-gray-500",
+    "text-sm",
+    "before:flex",
+    "before:capitalize",
+    "before:content-[attr(data-label)]",
+    "before:items-center",
+    "before:mr-auto",
+    "before:text-gray-500",
+    "first:border-t-0",
+    "dark:before:text-gray-400",
+    "dark:text-gray-400",
+    "lg:before:hidden",
+    "lg:first:border-t",
+    "lg:py-3",
+    "lg:table-cell",
+    "dark:border-gray-800",
+]
+
+CHECKBOX_CLASSES = [
+    "action-checkbox",
+    "align-middle",
+    "flex",
+    "items-center",
+    "px-3",
+    "py-2",
+    "text-left",
+    "text-sm",
+    "before:block",
+    "before:capitalize",
+    "before:content-[attr(data-label)]",
+    "before:mr-auto",
+    "before:text-gray-500",
+    "lg:before:hidden",
+    "lg:border-t",
+    "lg:border-gray-200",
+    "lg:table-cell",
+    "dark:before:text-gray-400",
+    "dark:lg:border-gray-800",
+]
 
 
 def result_headers(cl):
@@ -95,7 +151,7 @@ def result_headers(cl):
         if is_sorted:
             order_type = ordering_field_columns.get(i).lower()
             sort_priority = list(ordering_field_columns).index(i) + 1
-            th_classes.append("sorted %sending" % order_type)
+            th_classes.append(f"sorted {order_type}ending")
             new_order_type = {"asc": "desc", "desc": "asc"}[order_type]
 
         # build new ordering param
@@ -132,7 +188,7 @@ def result_headers(cl):
             "url_primary": cl.get_query_string({ORDER_VAR: ".".join(o_list_primary)}),
             "url_remove": cl.get_query_string({ORDER_VAR: ".".join(o_list_remove)}),
             "url_toggle": cl.get_query_string({ORDER_VAR: ".".join(o_list_toggle)}),
-            "class_attrib": format_html(' class="{}"', " ".join(th_classes))
+            "class_attrib": format_html("{}", " ".join(th_classes))
             if th_classes
             else "",
         }
@@ -157,29 +213,8 @@ def items_for_result(cl: ChangeList, result: HttpRequest, form) -> SafeText:
     for field_index, field_name in enumerate(cl.list_display):
         empty_value_display = cl.model_admin.get_empty_value_display()
         row_classes = [
-            "field-%s" % _coerce_field_name(field_name, field_index),
-            "align-middle",
-            "flex",
-            "border-t",
-            "border-gray-200",
-            "font-normal",
-            "px-3",
-            "py-2",
-            "text-left",
-            "text-sm",
-            "before:flex",
-            "before:capitalize",
-            "before:content-[attr(data-label)]",
-            "before:items-center",
-            "before:mr-auto",
-            "before:text-gray-500",
-            "first:border-t-0",
-            "dark:before:text-gray-400",
-            "lg:before:hidden",
-            "lg:first:border-t",
-            "lg:py-3",
-            "lg:table-cell",
-            "dark:border-gray-800",
+            f"field-{_coerce_field_name(field_name, field_index)}",
+            *ROW_CLASSES,
         ]
 
         try:
@@ -192,27 +227,7 @@ def items_for_result(cl: ChangeList, result: HttpRequest, form) -> SafeText:
             )
             if f is None or f.auto_created:
                 if field_name == "action_checkbox":
-                    row_classes = [
-                        "action-checkbox",
-                        "align-middle",
-                        "flex",
-                        "items-center",
-                        "px-3",
-                        "py-2",
-                        "text-left",
-                        "text-sm",
-                        "before:block",
-                        "before:capitalize",
-                        "before:content-[attr(data-label)]",
-                        "before:mr-auto",
-                        "before:text-gray-500",
-                        "lg:before:hidden",
-                        "lg:border-t",
-                        "lg:border-gray-200",
-                        "lg:table-cell",
-                        "dark:before:text-gray-400",
-                        "dark:lg:border-gray-800",
-                    ]
+                    row_classes = CHECKBOX_CLASSES
                 boolean = getattr(attr, "boolean", False)
                 label = getattr(attr, "label", False)
                 header = getattr(attr, "header", False)
@@ -239,7 +254,7 @@ def items_for_result(cl: ChangeList, result: HttpRequest, form) -> SafeText:
                     f, (models.DateField, models.TimeField, models.ForeignKey)
                 ):
                     row_classes.append("nowrap")
-        row_class = mark_safe(' class="%s"' % " ".join(row_classes))
+        row_class = mark_safe(f' class="{" ".join(row_classes)}"')
         # If list_display_links not defined, add the link tag to the first field
 
         if link_in_col(first, field_name, cl):

unfold/widgets.py

@@ -13,6 +13,7 @@ from django.contrib.admin.widgets import (
     AdminTextInputWidget,
     AdminTimeWidget,
     AdminUUIDInputWidget,
+    RelatedFieldWidgetWrapper,
 )
 from django.forms import (
     CheckboxInput,
@@ -291,7 +292,7 @@ class FileFieldMixin:
 
 
 class UnfoldAdminImageFieldWidget(FileFieldMixin, AdminFileWidget):
-    pass
+    template_name = "unfold/widgets/clearable_file_input.html"
 
 
 class UnfoldAdminFileFieldWidget(FileFieldMixin, AdminFileWidget):
@@ -374,6 +375,8 @@ class UnfoldAdminTextareaWidget(AdminTextareaWidget):
 
 
 class UnfoldAdminSplitDateTimeWidget(AdminSplitDateTime):
+    template_name = "unfold/widgets/split_datetime.html"
+
     def __init__(self, attrs: Optional[Dict[str, Any]] = None) -> None:
         widgets = [UnfoldAdminDateWidget, UnfoldAdminTimeWidget]
         MultiWidget.__init__(self, widgets, attrs)
@@ -433,7 +436,12 @@ class UnfoldAdminBigIntegerFieldWidget(AdminBigIntegerFieldWidget):
 
 
 class UnfoldAdminNullBooleanSelectWidget(NullBooleanSelect):
-    pass
+    def __init__(self, attrs=None):
+        if attrs is None:
+            attrs = {}
+
+        attrs["class"] = " ".join(SELECT_CLASSES)
+        super().__init__(attrs)
 
 
 class UnfoldAdminSelect(Select):
@@ -446,7 +454,8 @@ class UnfoldAdminSelect(Select):
 
 
 class UnfoldAdminRadioSelectWidget(AdminRadioSelect):
-    option_template_name = "admin/widgets/radio_option.html"
+    template_name = "unfold/widgets/radio.html"
+    option_template_name = "unfold/widgets/radio_option.html"
 
     def __init__(self, radio_style: Optional[int] = None, *args, **kwargs):
         super().__init__(*args, **kwargs)
@@ -506,3 +515,7 @@ class UnfoldBooleanSwitchWidget(CheckboxInput):
         return super().__init__(
             attrs={"class": " ".join(SWITCH_CLASSES), **(attrs or {})}, check_test=None
         )
+
+
+class UnfoldRelatedFieldWidgetWrapper(RelatedFieldWidgetWrapper):
+    template_name = "unfold/widgets/related_widget_wrapper.html"