django-bootstrap6-admin 0.1.1__tar.gz → 0.2.0__tar.gz

{django_bootstrap6_admin-0.1.1 → django_bootstrap6_admin-0.2.0}/CHANGELOG.md

@@ -7,6 +7,31 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.2.0] - 2026-11-15
+
+### Added
+
+- The desktop filter panel can now be collapsed and expanded, and the
+  collapsed state is remembered between changelist pages.
+- The "Show counts" / "Hide counts" choice is remembered across changelist
+  pages instead of resetting on navigation.
+- Subtle vertical rules separate columns in changelists, inline tables and the
+  object history table.
+
+### Fixed
+
+- Removed the duplicate native dropdown arrow on the bulk-action select.
+- Improved dark-theme text contrast for secondary labels, table headers,
+  filter links, help text and links.
+
+## [0.1.2] - 2026-11-15
+
+### Fixed
+
+- Clicking the theme toggle in a dark system no longer moves to an `auto`
+  state that resolves to dark and leaves the page unchanged. The toggle skips
+  that no-op step, so a single click always changes the visible theme.
+
 ## [0.1.1] - 2026-11-15
 
 ### Added

{django_bootstrap6_admin-0.1.1 → django_bootstrap6_admin-0.2.0}/CONTRIBUTING.md

@@ -23,6 +23,8 @@ python -m django test --settings=tests.settings
 Run the linter and formatter check before opening a pull request:
 
 ```bash
+python -m django test --settings=tests.settings
+node tests/js/theme_toggle.test.js
 ruff check .
 ruff format --check .
 ```

{django_bootstrap6_admin-0.1.1 → django_bootstrap6_admin-0.2.0}/MANIFEST.in

@@ -6,5 +6,6 @@ include CONTRIBUTING.md
 recursive-include src/django_bootstrap6_admin/templates *.html
 recursive-include src/django_bootstrap6_admin/static *
 recursive-include tests *.py
+recursive-include tests *.js
 global-exclude __pycache__
 global-exclude *.py[cod]

{django_bootstrap6_admin-0.1.1 → django_bootstrap6_admin-0.2.0}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: django-bootstrap6-admin
-Version: 0.1.1
+Version: 0.2.0
 Summary: A modern Bootstrap 6 skin for the Django admin.
 Author-email: Aliberk Sandıkçı <git@asandikci.com>
 Maintainer-email: Aliberk Sandıkçı <git@asandikci.com>
@@ -57,14 +57,23 @@ permissions and JavaScript remain in charge.
   with a backdrop (mobile).
 - Dashboard with application cards, model shortcuts and recent activity.
 - Changelist with search, date hierarchy, collapsible filters, sortable
-  headers, bulk actions and Bootstrap pagination.
+  headers, bulk actions and Bootstrap pagination. The desktop filter panel can
+  be collapsed, and both its state and the "Show counts" choice are remembered
+  between pages.
+- Subtle vertical rules separate columns in changelists, inline tables and the
+  object history.
 - Change form with card-based fieldsets, collapsible sections, a clear save
   bar, tabular/stacked inlines and related-object popups.
 - Modern login, logout and password change pages.
 - Light, dark and system themes. The existing Django `theme` localStorage
   preference is synchronised with Bootstrap's `data-bs-theme` attribute.
+- Dark-theme secondary text, table headers, filter links and help text use
+  higher-contrast tokens for better readability.
 - Soft fade-in/fade-out transition when switching themes, skipped
   automatically for users who prefer reduced motion.
+- Every click changes the visible theme: if `auto` would resolve to the theme
+  already on screen, the toggle skips that step instead of appearing to do
+  nothing.
 - Accessible focus states, labels, table headers and ARIA attributes.
 - All Django admin JavaScript hooks are preserved: `actions.js`,
   `filters.js`, `nav_sidebar.js`, inlines, Select2/autocomplete, calendar
@@ -236,6 +245,7 @@ Run the tests and the linter:
 
 ```bash
 python -m django test --settings=tests.settings
+node tests/js/theme_toggle.test.js
 ruff check .
 ruff format --check .
 ```

{django_bootstrap6_admin-0.1.1 → django_bootstrap6_admin-0.2.0}/README.md

@@ -20,14 +20,23 @@ permissions and JavaScript remain in charge.
   with a backdrop (mobile).
 - Dashboard with application cards, model shortcuts and recent activity.
 - Changelist with search, date hierarchy, collapsible filters, sortable
-  headers, bulk actions and Bootstrap pagination.
+  headers, bulk actions and Bootstrap pagination. The desktop filter panel can
+  be collapsed, and both its state and the "Show counts" choice are remembered
+  between pages.
+- Subtle vertical rules separate columns in changelists, inline tables and the
+  object history.
 - Change form with card-based fieldsets, collapsible sections, a clear save
   bar, tabular/stacked inlines and related-object popups.
 - Modern login, logout and password change pages.
 - Light, dark and system themes. The existing Django `theme` localStorage
   preference is synchronised with Bootstrap's `data-bs-theme` attribute.
+- Dark-theme secondary text, table headers, filter links and help text use
+  higher-contrast tokens for better readability.
 - Soft fade-in/fade-out transition when switching themes, skipped
   automatically for users who prefer reduced motion.
+- Every click changes the visible theme: if `auto` would resolve to the theme
+  already on screen, the toggle skips that step instead of appearing to do
+  nothing.
 - Accessible focus states, labels, table headers and ARIA attributes.
 - All Django admin JavaScript hooks are preserved: `actions.js`,
   `filters.js`, `nav_sidebar.js`, inlines, Select2/autocomplete, calendar
@@ -199,6 +208,7 @@ Run the tests and the linter:
 
 ```bash
 python -m django test --settings=tests.settings
+node tests/js/theme_toggle.test.js
 ruff check .
 ruff format --check .
 ```

{django_bootstrap6_admin-0.1.1 → django_bootstrap6_admin-0.2.0}/src/django_bootstrap6_admin/__init__.py

@@ -1,3 +1,3 @@
 """Bootstrap 6 skin for the Django admin."""
 
-__version__ = "0.1.1"
+__version__ = "0.2.0"

{django_bootstrap6_admin-0.1.1 → django_bootstrap6_admin-0.2.0}/src/django_bootstrap6_admin/static/django_bootstrap6_admin/css/admin.css

@@ -111,6 +111,23 @@
    2. Base
    -------------------------------------------------------------------------- */
 
+/*
+ * Bootstrap's dark gray-500/600 secondary text is too dim on the deep navy
+ * admin surfaces, especially at the small sizes used by filters, table
+ * headers and action help. Lift those tokens for the effective dark theme.
+ */
+[data-bs-theme="dark"],
+[data-effective-theme="dark"] {
+    --bs-fg-1: #f1f5f9;
+    --bs-fg-2: #d7e0ea;
+    --bs-fg-3: #b9c7d6;
+    --bs-fg-4: #9fb1c4;
+    --ba-text-muted: #c9d4e0;
+    --bs-link-color: #8dbcf7;
+    --bs-link-hover-color: #b7d4ff;
+    --bs-border-muted: #34465a;
+}
+
 html {
     min-height: 100%;
 }
@@ -1365,7 +1382,7 @@ a.ba-timeline-object:focus {
 }
 
 .ba-filters-toggle-row {
-    display: none;
+    display: flex;
 }
 
 .ba-filters-toggle {
@@ -1551,6 +1568,20 @@ a.ba-date-chip:focus {
     border-block-end: 0;
 }
 
+/* Very light column rules keep dense admin tables readable without making
+ * every cell look boxed in. */
+#result_list thead th:not(:last-child),
+#result_list tbody th:not(:last-child),
+#result_list tbody td:not(:last-child),
+.ba-inline-table thead th:not(:last-child),
+.ba-inline-table tbody th:not(:last-child),
+.ba-inline-table tbody td:not(:last-child),
+.ba-history-table thead th:not(:last-child),
+.ba-history-table tbody th:not(:last-child),
+.ba-history-table tbody td:not(:last-child) {
+    border-inline-end: 1px solid var(--bs-border-muted);
+}
+
 #result_list tbody tr.selected > * {
     background: var(--bs-primary-bg-subtle) !important;
 }
@@ -1597,6 +1628,7 @@ a.ba-date-chip:focus {
 
 #result_list select {
     padding-inline-end: 1.6rem;
+    appearance: none;
     background-image: var(--ba-select-arrow);
     background-position: right 0.45rem center;
     background-repeat: no-repeat;
@@ -2177,6 +2209,7 @@ label.required::after {
 .ba-form-group select,
 .ba-actions select {
     padding-inline-end: 2rem;
+    appearance: none;
     background-image: var(--ba-select-arrow);
     background-position: right 0.7rem center;
     background-repeat: no-repeat;
@@ -2551,6 +2584,7 @@ div.help ul {
 
 .ba-inline-table select {
     padding-inline-end: 1.6rem;
+    appearance: none;
     background-image: var(--ba-select-arrow);
     background-position: right 0.45rem center;
     background-repeat: no-repeat;
@@ -3202,6 +3236,16 @@ body.popup .ba-submit-row {
    13. Responsive
    -------------------------------------------------------------------------- */
 
+@media (min-width: 1200px) {
+    #changelist.ba-filters-collapsed .ba-changelist-layout {
+        grid-template-columns: minmax(0, 1fr);
+    }
+
+    #changelist.ba-filters-collapsed .ba-filters {
+        display: none;
+    }
+}
+
 @media (max-width: 1199.98px) {
     .ba-dashboard {
         grid-template-columns: minmax(0, 1fr);

{django_bootstrap6_admin-0.1.1 → django_bootstrap6_admin-0.2.0}/src/django_bootstrap6_admin/static/django_bootstrap6_admin/js/admin.js

@@ -10,7 +10,10 @@
  */
 (() => {
     const MOBILE = window.matchMedia("(max-width: 1023.98px)");
+    const DESKTOP = window.matchMedia("(min-width: 1200px)");
     const STORAGE_KEY = "django.admin.navSidebarIsOpen";
+    const FILTERS_KEY = "django.admin.filtersCollapsed";
+    const FACETS_KEY = "django.admin.showFacets";
 
     function initSidebar() {
         const main = document.getElementById("main");
@@ -228,16 +231,50 @@
             return;
         }
 
+        const isCollapsed = () =>
+            changelist.classList.contains("ba-filters-collapsed");
+
         const sync = () => {
-            toggle.setAttribute(
-                "aria-expanded",
-                changelist.classList.contains("ba-filters-open")
-                    ? "true"
-                    : "false",
-            );
+            const expanded = DESKTOP.matches
+                ? !isCollapsed()
+                : changelist.classList.contains("ba-filters-open");
+            toggle.setAttribute("aria-expanded", expanded ? "true" : "false");
+            if (panel) {
+                panel.toggleAttribute(
+                    "inert",
+                    DESKTOP.matches && isCollapsed(),
+                );
+            }
         };
 
+        const setCollapsed = (collapsed) => {
+            changelist.classList.toggle("ba-filters-collapsed", collapsed);
+            if (DESKTOP.matches) {
+                localStorage.setItem(
+                    FILTERS_KEY,
+                    collapsed ? "true" : "false",
+                );
+            }
+            sync();
+        };
+
+        // Restore the desktop preference. On mobile the panel is a drawer and
+        // the collapsed class has no visual effect.
+        if (DESKTOP.matches && localStorage.getItem(FILTERS_KEY) === "true") {
+            changelist.classList.add("ba-filters-collapsed");
+        }
+
         toggle.addEventListener("click", () => {
+            if (DESKTOP.matches) {
+                const collapsed = !isCollapsed();
+                setCollapsed(collapsed);
+                if (!collapsed) {
+                    const target = panel?.querySelector("summary, a, button");
+                    window.requestAnimationFrame(() => target?.focus());
+                }
+                return;
+            }
+
             changelist.classList.toggle("ba-filters-open");
             sync();
             if (changelist.classList.contains("ba-filters-open")) {
@@ -249,15 +286,69 @@
 
         if (close) {
             close.addEventListener("click", () => {
+                setCollapsed(true);
                 changelist.classList.remove("ba-filters-open");
                 sync();
                 toggle.focus();
             });
         }
 
+        if (DESKTOP.addEventListener) {
+            DESKTOP.addEventListener("change", () => {
+                if (DESKTOP.matches) {
+                    changelist.classList.toggle(
+                        "ba-filters-collapsed",
+                        localStorage.getItem(FILTERS_KEY) === "true",
+                    );
+                    changelist.classList.remove("ba-filters-open");
+                }
+                sync();
+            });
+        }
+
         sync();
     }
 
+    function initFacetPreference() {
+        const panel = document.getElementById("changelist-filter");
+        if (!panel) {
+            return;
+        }
+
+        const links = document.querySelectorAll(
+            ".ba-filters-actions .hidelink, .ba-filters-actions .viewlink",
+        );
+        if (!links.length) {
+            return;
+        }
+
+        links.forEach((link) => {
+            link.addEventListener("click", () => {
+                const show = link.classList.contains("viewlink");
+                localStorage.setItem(FACETS_KEY, show ? "true" : "false");
+            });
+        });
+
+        const stored = localStorage.getItem(FACETS_KEY);
+        if (stored !== "true" && stored !== "false") {
+            return;
+        }
+
+        const url = new URL(window.location.href);
+        const hasFacets = url.searchParams.has("_facets");
+        const showFacets = stored === "true";
+        if (hasFacets === showFacets) {
+            return;
+        }
+
+        if (showFacets) {
+            url.searchParams.set("_facets", "1");
+        } else {
+            url.searchParams.delete("_facets");
+        }
+        window.location.replace(url.toString());
+    }
+
     function initDirtyGuard() {
         const form =
             document.querySelector(".ba-change-form form") ||
@@ -327,6 +418,7 @@
     function initAll() {
         initSidebar();
         initFilterDisclosure();
+        initFacetPreference();
         initDirtyGuard();
         initErrorFocus();
         initAccessibility();

{django_bootstrap6_admin-0.1.1 → django_bootstrap6_admin-0.2.0}/src/django_bootstrap6_admin/static/django_bootstrap6_admin/js/theme.js

@@ -24,9 +24,10 @@
         if (modes.includes(stored)) {
             return stored;
         }
-        // First visit: start in the effective OS theme so the visible page
-        // and the toggle icon agree immediately. Auto remains in the cycle.
-        return media.matches ? "dark" : "light";
+        // No explicit preference yet: follow the system. Keeping the mode as
+        // "auto" prevents the first click from landing on an auto state that
+        // resolves to the same theme.
+        return "auto";
     }
 
     function updateButtons(mode) {
@@ -43,11 +44,15 @@
         });
     }
 
+    function effectiveMode(mode) {
+        mode = normalize(mode);
+        return mode === "auto" ? (media.matches ? "dark" : "light") : mode;
+    }
+
     function apply(mode) {
         mode = normalize(mode);
         const root = document.documentElement;
-        const effective =
-            mode === "auto" ? (media.matches ? "dark" : "light") : mode;
+        const effective = effectiveMode(mode);
 
         root.dataset.theme = mode;
         root.dataset.effectiveTheme = effective;
@@ -121,6 +126,7 @@
 
     function cycle() {
         const mode = current();
+        const effective = effectiveMode(mode);
         let next;
 
         if (media.matches) {
@@ -131,6 +137,12 @@
                 mode === "auto" ? "dark" : mode === "dark" ? "light" : "auto";
         }
 
+        // In dark systems auto is dark, and in light systems auto is light.
+        // Skip that no-op step so every click visibly changes the theme.
+        if (effectiveMode(next) === effective) {
+            next = effective === "dark" ? "light" : "dark";
+        }
+
         set(next);
     }
 

{django_bootstrap6_admin-0.1.1 → django_bootstrap6_admin-0.2.0}/src/django_bootstrap6_admin.egg-info/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: django-bootstrap6-admin
-Version: 0.1.1
+Version: 0.2.0
 Summary: A modern Bootstrap 6 skin for the Django admin.
 Author-email: Aliberk Sandıkçı <git@asandikci.com>
 Maintainer-email: Aliberk Sandıkçı <git@asandikci.com>
@@ -57,14 +57,23 @@ permissions and JavaScript remain in charge.
   with a backdrop (mobile).
 - Dashboard with application cards, model shortcuts and recent activity.
 - Changelist with search, date hierarchy, collapsible filters, sortable
-  headers, bulk actions and Bootstrap pagination.
+  headers, bulk actions and Bootstrap pagination. The desktop filter panel can
+  be collapsed, and both its state and the "Show counts" choice are remembered
+  between pages.
+- Subtle vertical rules separate columns in changelists, inline tables and the
+  object history.
 - Change form with card-based fieldsets, collapsible sections, a clear save
   bar, tabular/stacked inlines and related-object popups.
 - Modern login, logout and password change pages.
 - Light, dark and system themes. The existing Django `theme` localStorage
   preference is synchronised with Bootstrap's `data-bs-theme` attribute.
+- Dark-theme secondary text, table headers, filter links and help text use
+  higher-contrast tokens for better readability.
 - Soft fade-in/fade-out transition when switching themes, skipped
   automatically for users who prefer reduced motion.
+- Every click changes the visible theme: if `auto` would resolve to the theme
+  already on screen, the toggle skips that step instead of appearing to do
+  nothing.
 - Accessible focus states, labels, table headers and ARIA attributes.
 - All Django admin JavaScript hooks are preserved: `actions.js`,
   `filters.js`, `nav_sidebar.js`, inlines, Select2/autocomplete, calendar
@@ -236,6 +245,7 @@ Run the tests and the linter:
 
 ```bash
 python -m django test --settings=tests.settings
+node tests/js/theme_toggle.test.js
 ruff check .
 ruff format --check .
 ```

{django_bootstrap6_admin-0.1.1 → django_bootstrap6_admin-0.2.0}/src/django_bootstrap6_admin.egg-info/SOURCES.txt

@@ -63,6 +63,7 @@ tests/test_admin_ui.py
 tests/test_package.py
 tests/test_templatetags.py
 tests/urls.py
+tests/js/theme_toggle.test.js
 tests/testapp/__init__.py
 tests/testapp/admin.py
 tests/testapp/apps.py

django_bootstrap6_admin-0.2.0/tests/js/theme_toggle.test.js

@@ -0,0 +1,141 @@
+const fs = require("fs");
+const vm = require("vm");
+
+const source = fs.readFileSync(
+    "src/django_bootstrap6_admin/static/django_bootstrap6_admin/js/theme.js",
+    "utf8",
+);
+
+class ClassList {
+    constructor() {
+        this.values = new Set();
+    }
+    add(value) {
+        this.values.add(value);
+    }
+    remove(value) {
+        this.values.delete(value);
+    }
+    contains(value) {
+        return this.values.has(value);
+    }
+}
+
+function makeElement() {
+    return {
+        style: {},
+        classList: new ClassList(),
+        dataset: {},
+        attrs: {},
+        offsetWidth: 0,
+        setAttribute(name, value) {
+            this.attrs[name] = value;
+        },
+        appendChild() {},
+    };
+}
+
+function sleep(ms) {
+    return new Promise((resolve) => setTimeout(resolve, ms));
+}
+
+function effective(mode, prefersDark) {
+    return mode === "auto" ? (prefersDark ? "dark" : "light") : mode;
+}
+
+async function run({ prefersDark, stored, reducedMotion = false }) {
+    const root = makeElement();
+    const body = makeElement();
+    const localStorage = {
+        value: stored,
+        getItem() {
+            return this.value;
+        },
+        setItem(_key, value) {
+            this.value = value;
+        },
+    };
+    const sandbox = {
+        console,
+        setTimeout,
+        clearTimeout,
+        localStorage,
+        getComputedStyle() {
+            return { backgroundColor: "rgb(13, 20, 28)" };
+        },
+        document: {
+            documentElement: root,
+            body,
+            readyState: "complete",
+            createElement: makeElement,
+            querySelectorAll() {
+                return [];
+            },
+            addEventListener() {},
+        },
+    };
+    sandbox.window = sandbox;
+    sandbox.window.matchMedia = (query) => ({
+        matches: query.includes("prefers-reduced-motion")
+            ? reducedMotion
+            : query.includes("prefers-color-scheme") && prefersDark,
+        addEventListener() {},
+    });
+    sandbox.window.setTimeout = setTimeout;
+
+    vm.runInNewContext(source, sandbox, { filename: "theme.js" });
+
+    const api = sandbox.window.Bootstrap6AdminTheme;
+    const before = root.dataset.theme;
+    const beforeEffective = root.dataset.effectiveTheme;
+    api.cycle();
+    await sleep(reducedMotion ? 10 : 600);
+    const after = root.dataset.theme;
+    const afterEffective = root.dataset.effectiveTheme;
+
+    return { before, beforeEffective, after, afterEffective };
+}
+
+(async () => {
+    const cases = [
+        { label: "dark system, no stored theme", prefersDark: true, stored: null },
+        { label: "dark system, stored auto", prefersDark: true, stored: "auto" },
+        { label: "dark system, stored dark", prefersDark: true, stored: "dark" },
+        { label: "dark system, stored light", prefersDark: true, stored: "light" },
+        { label: "light system, no stored theme", prefersDark: false, stored: null },
+        { label: "light system, stored auto", prefersDark: false, stored: "auto" },
+        { label: "light system, stored light", prefersDark: false, stored: "light" },
+        { label: "light system, stored dark", prefersDark: false, stored: "dark" },
+    ];
+
+    let failed = false;
+    for (const testCase of cases) {
+        const result = await run(testCase);
+        const changed = result.beforeEffective !== result.afterEffective;
+        if (!changed) {
+            failed = true;
+        }
+        console.log(
+            `${changed ? "PASS" : "FAIL"} ${testCase.label}: ` +
+                `${result.before}/${result.beforeEffective} -> ` +
+                `${result.after}/${result.afterEffective}`,
+        );
+    }
+
+    const reduced = await run({
+        prefersDark: true,
+        stored: "dark",
+        reducedMotion: true,
+    });
+    const reducedChanged = reduced.beforeEffective !== reduced.afterEffective;
+    if (!reducedChanged) {
+        failed = true;
+    }
+    console.log(
+        `${reducedChanged ? "PASS" : "FAIL"} reduced motion: ` +
+            `${reduced.before}/${reduced.beforeEffective} -> ` +
+            `${reduced.after}/${reduced.afterEffective}`,
+    );
+
+    process.exit(failed ? 1 : 0);
+})();

{django_bootstrap6_admin-0.1.1 → django_bootstrap6_admin-0.2.0}/tests/test_admin_ui.py

@@ -76,6 +76,8 @@ class AdminUiTests(TestCase):
             'id="changelist-search"',
             'id="searchbar"',
             'id="changelist-filter"',
+            'id="ba-filters-toggle"',
+            'id="ba-filters-close"',
             'id="action-toggle"',
             'id="date-hierarchy-label"',
             'class="actions ba-actions"',
@@ -119,7 +121,6 @@ class AdminUiTests(TestCase):
     def test_changelist_search_and_pagination(self):
         response = self.client.get(reverse("admin:testapp_book_changelist"), {"q": "Django"})
         self.assertContains(response, "Django for Everyone")
-
         for index in range(105):
             Book.objects.create(
                 title=f"Extra book {index:03d}",
@@ -134,6 +135,15 @@ class AdminUiTests(TestCase):
         self.assertContains(response, "?p=1")
         self.assertContains(response, 'aria-current="page">2')
 
+    def test_facet_count_toggle_links(self):
+        url = reverse("admin:testapp_book_changelist")
+
+        response = self.client.get(url)
+        self.assertContains(response, "Show counts")
+
+        response = self.client.get(url, {"_facets": "1"})
+        self.assertContains(response, "Hide counts")
+
     def test_change_form_keeps_widgets_and_submit_contract(self):
         response = self.client.get(reverse("admin:testapp_book_change", args=[self.book.pk]))
 

{django_bootstrap6_admin-0.1.1 → django_bootstrap6_admin-0.2.0}/tests/test_package.py

@@ -46,3 +46,19 @@ class PackageAssetsTests(SimpleTestCase):
         self.assertIn(".ba-theme-fade", admin_css)
         self.assertIn(".ba-theme-fade.is-active", admin_css)
         self.assertIn("transition: opacity 200ms ease", admin_css)
+
+    def test_changelist_ux_assets(self):
+        static_dir = Path(django_bootstrap6_admin.__file__).parent / "static"
+        admin_js = (static_dir / "django_bootstrap6_admin" / "js" / "admin.js").read_text(
+            encoding="utf-8"
+        )
+        admin_css = (static_dir / "django_bootstrap6_admin" / "css" / "admin.css").read_text(
+            encoding="utf-8"
+        )
+
+        self.assertIn("django.admin.showFacets", admin_js)
+        self.assertIn("django.admin.filtersCollapsed", admin_js)
+        self.assertIn("ba-filters-collapsed", admin_css)
+        self.assertIn("border-inline-end: 1px solid var(--bs-border-muted)", admin_css)
+        self.assertIn("appearance: none", admin_css)
+        self.assertIn("--bs-fg-4: #9fb1c4", admin_css)