From 83e93859cdefc075b9f35da089c44366a1d2c36c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nguy=E1=BB=85n=20H=E1=BB=93ng=20Qu=C3=A2n?=
 <ng.hong.quan@gmail.com>
Date: Fri, 8 Nov 2024 01:18:11 +0700
Subject: [PATCH] Fix display in dark theme (#13)

* Fix display in dark theme
* Fix test case
* Fix dark mode for DALFRelatedFieldAjax
---
 src/dalf/admin.py                                             | 1 +
 src/dalf/templates/admin/filter/django_admin_list_filter.html | 2 +-
 .../templates/admin/filter/django_admin_list_filter_ajax.html | 1 +
 tests/testproject/testapp/tests.py                            | 4 ++--
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/dalf/admin.py b/src/dalf/admin.py
index f7bd10f..64871c0 100644
--- 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
index 47e21d8..e8762ce 100644
--- 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
index b38f28c..eff905a 100644
--- 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
index 743cb66..c54adb6 100644
--- 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':