Fix display in dark theme (#13)

* Fix display in dark theme * Fix test case * Fix dark mode for DALFRelatedFieldAjax
vigo · Nov 7, 2024 · 83e9385 · 83e9385
1 parent 1835c21
commit 83e9385
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 3 deletions.
diff --git a/src/dalf/admin.py b/src/dalf/admin.py
@@ -31,6 +31,7 @@ def media(self):
             css={
                 'screen': (
                     'admin/css/vendor/select2/select2.min.css',
+                    'admin/css/autocomplete.css',
                     'admin/css/django_admin_list_filter.css',
                 ),
             },

diff --git a/src/dalf/templates/admin/filter/django_admin_list_filter.html b/src/dalf/templates/admin/filter/django_admin_list_filter.html
@@ -7,7 +7,7 @@
         <ul>
             <li>
                 {% with params=choices|last %}
-                    <select class="django-admin-list-filter" name="{{ params.field_name }}" data-is-choices-filter="{{ params.is_choices_filter }}">
+                    <select class="django-admin-list-filter admin-autocomplete" name="{{ params.field_name }}" data-is-choices-filter="{{ params.is_choices_filter }}" data-theme="admin-autocomplete">
                     {% for choice in choices %}
                         {% if choice.display %}<option value="{{ choice.query_string|iriencode }}"{% if choice.selected %} selected{% endif %}>{{ choice.display }}</option>{% endif %}
                     {% endfor %}

diff --git a/src/dalf/templates/admin/filter/django_admin_list_filter_ajax.html b/src/dalf/templates/admin/filter/django_admin_list_filter_ajax.html
@@ -18,6 +18,7 @@
                       data-allow-clear="true"
                       data-app-label="{{ params.app_label }}"
                       data-model-name="{{ params.model_name }}"
+                      data-theme="admin-autocomplete"
                       data-field-name="{{ params.field_name }}"></select>
                 {% endwith %}
               </li>

diff --git a/tests/testproject/testapp/tests.py b/tests/testproject/testapp/tests.py
@@ -41,8 +41,8 @@ def test_post_admin_filters_basics(admin_client, posts):  # noqa: ARG001
 
             if option_field_name in ['author', 'audience']:
                 assert (
-                    f'<select class="django-admin-list-filter" name="{option_field_name}" '
-                    f'data-is-choices-filter="{option_is_choices_filter}">'
+                    f'<select class="django-admin-list-filter admin-autocomplete" name="{option_field_name}" '
+                    f'data-is-choices-filter="{option_is_choices_filter}" data-theme="admin-autocomplete">'
                 ) in content
 
             if option_field_name == 'author':