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

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

@@ -7,6 +7,23 @@ 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

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

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: django-bootstrap6-admin
-Version: 0.1.2
+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,12 +57,18 @@ 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

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

@@ -20,12 +20,18 @@ 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

{django_bootstrap6_admin-0.1.2 → 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.2"
+__version__ = "0.2.0"

{django_bootstrap6_admin-0.1.2 → 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.2 → 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.2 → 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.2
+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,12 +57,18 @@ 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

{django_bootstrap6_admin-0.1.2 → 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.2 → 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)