vanta-admin 0.5.0__tar.gz → 0.6.0__tar.gz

{vanta_admin-0.5.0/vanta_admin.egg-info → vanta_admin-0.6.0}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: vanta-admin
-Version: 0.5.0
+Version: 0.6.0
 Summary: A sharp, dark, and portable Django admin theme forged for builders who want the admin to feel less default.
 Author: oli-dev0
 License-Expression: MIT
@@ -42,6 +42,10 @@ feels more deliberate in everyday use.
   two-factor auth pages.
 - Denser dashboards, tables, filters, messages, and forms so admin work feels
   easier to scan.
+- Better edit pages for longer admin forms, with save buttons that stay easier
+  to reach while scrolling.
+- Cleaner buttons for saving, deleting, viewing history, and changing passwords.
+- Clearer form errors on admin pages, login, and two-factor auth screens.
 - Admin messages that appear clearly, pause while hovered, and dismiss
   themselves after a short time.
 - Changelist actions that appear only when rows are selected, stay available
@@ -55,6 +59,7 @@ feels more deliberate in everyday use.
   stored in the browser for each admin user.
 - Shorter changelist date formatting that makes date-heavy tables easier to
   scan.
+- Simpler breadcrumbs on edit pages, so the page path feels less cluttered.
 - A packaged favicon for the admin.
 - A mobile sidebar overlay that makes the admin easier to use on smaller
   screens.

{vanta_admin-0.5.0 → vanta_admin-0.6.0}/README.md

@@ -17,6 +17,10 @@ feels more deliberate in everyday use.
   two-factor auth pages.
 - Denser dashboards, tables, filters, messages, and forms so admin work feels
   easier to scan.
+- Better edit pages for longer admin forms, with save buttons that stay easier
+  to reach while scrolling.
+- Cleaner buttons for saving, deleting, viewing history, and changing passwords.
+- Clearer form errors on admin pages, login, and two-factor auth screens.
 - Admin messages that appear clearly, pause while hovered, and dismiss
   themselves after a short time.
 - Changelist actions that appear only when rows are selected, stay available
@@ -30,6 +34,7 @@ feels more deliberate in everyday use.
   stored in the browser for each admin user.
 - Shorter changelist date formatting that makes date-heavy tables easier to
   scan.
+- Simpler breadcrumbs on edit pages, so the page path feels less cluttered.
 - A packaged favicon for the admin.
 - A mobile sidebar overlay that makes the admin easier to use on smaller
   screens.

{vanta_admin-0.5.0 → vanta_admin-0.6.0}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "vanta-admin"
-version = "0.5.0"
+version = "0.6.0"
 description = "A sharp, dark, and portable Django admin theme forged for builders who want the admin to feel less default."
 readme = "README.md"
 license = "MIT"

{vanta_admin-0.5.0 → vanta_admin-0.6.0}/vanta_admin/static/admin/css/theme.admin.css

@@ -329,15 +329,19 @@ html[data-theme="light"] #nav-sidebar .admin-sidebar__filter input[type="search"
   gap: 0.75rem;
   width: 100%;
   padding: 0.7rem 0.78rem;
-  border: 1px solid var(--border);
+  border: 1px solid var(--border-strong);
   border-radius: var(--radius-md);
-  background: var(--surface-muted);
+  background: rgba(39, 49, 51, 0.96);
   box-shadow: none;
   color: var(--heading);
   cursor: pointer;
   list-style: none;
 }
 
+html[data-theme="light"] .admin-sidebar__account-summary {
+  background: #f7fbff;
+}
+
 .admin-sidebar__account-icon {
   width: 1.15rem;
   height: 1.15rem;
@@ -965,7 +969,238 @@ fieldset.module,
 }
 
 .submit-row {
-  background: var(--accent-soft);
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.55rem;
+  background: color-mix(in srgb, var(--admin-surface-raised) 74%, var(--admin-accent-softer));
+}
+
+.change-form .submit-row.is-sticky-submit-row {
+  position: fixed;
+  right: auto;
+  bottom: 0.75rem;
+  left: var(--admin-submit-row-fixed-left, 0.75rem);
+  z-index: 30;
+  width: var(--admin-submit-row-fixed-width, auto);
+}
+
+.admin-submit-row-placeholder {
+  height: 0;
+}
+
+.change-form .errornote,
+.change-form ul.errorlist {
+  --admin-inline-error-icon: var(--admin-error-text);
+  border: 1px solid var(--admin-error-border);
+  border-left: 4px solid var(--admin-error-border);
+  border-radius: var(--admin-radius-sm);
+  background: var(--admin-error-bg);
+  color: var(--admin-error-text);
+  box-shadow: none;
+}
+
+.change-form .errornote {
+  margin: 0 0 0.75rem;
+}
+
+.change-form ul.errorlist {
+  color: var(--admin-error-text);
+}
+
+.change-form ul.errorlist li {
+  color: var(--admin-error-text);
+}
+
+.change-form .submit-row input,
+.change-form .submit-row a.deletelink {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 2.35rem;
+  margin: 0;
+  padding: 0.54rem 0.82rem;
+  border: 1px solid var(--admin-border-strong);
+  border-radius: var(--admin-radius-sm);
+  background: var(--admin-surface-muted);
+  color: var(--admin-text);
+  font: inherit;
+  font-size: 0.88rem;
+  font-weight: 760;
+  line-height: 1.2;
+  text-decoration: none;
+  box-shadow: none;
+  cursor: pointer;
+  transition:
+    background-color var(--admin-transition),
+    border-color var(--admin-transition),
+    color var(--admin-transition),
+    filter var(--admin-transition),
+    transform var(--admin-transition);
+}
+
+.change-form .submit-row input:not(.default):not([name="_save"]):not(:first-child) {
+  border-color: var(--admin-border-strong);
+  background: var(--admin-surface);
+  color: var(--admin-text);
+}
+
+.submit-row input.default,
+.change-form .submit-row input[name="_save"],
+.change-form .submit-row input[type="submit"]:first-child {
+  border-color: var(--admin-accent-border);
+  background: var(--admin-accent);
+  color: var(--admin-button-text);
+}
+
+.change-form .submit-row a.deletelink {
+  margin-left: auto;
+  border-color: var(--admin-error);
+  background: var(--admin-error-bg);
+  color: var(--admin-error-text);
+}
+
+.change-form .submit-row input:hover,
+.change-form .submit-row input:focus-visible,
+.change-form .submit-row a.deletelink:hover,
+.change-form .submit-row a.deletelink:focus-visible {
+  border-color: var(--admin-accent-border);
+  background: var(--admin-surface-hover);
+  color: var(--admin-text);
+  filter: brightness(1.04);
+  transform: translateY(-2px);
+}
+
+.submit-row input.default:hover,
+.submit-row input.default:focus-visible,
+.change-form .submit-row input[name="_save"]:hover,
+.change-form .submit-row input[name="_save"]:focus-visible,
+.change-form .submit-row input[type="submit"]:first-child:hover,
+.change-form .submit-row input[type="submit"]:first-child:focus-visible {
+  background: var(--admin-accent-strong);
+  color: var(--admin-button-text);
+}
+
+.change-form .submit-row a.deletelink:hover,
+.change-form .submit-row a.deletelink:focus-visible {
+  border-color: var(--admin-error);
+  background: var(--admin-error-bg);
+  color: var(--admin-error-text);
+  filter: brightness(1.04);
+}
+
+.change-form .submit-row input:active,
+.change-form .submit-row a.deletelink:active {
+  transform: translateY(0);
+}
+
+.change-form .submit-row input:disabled {
+  opacity: 0.62;
+  cursor: not-allowed;
+  transform: none;
+}
+
+.delete-confirmation form {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.55rem;
+  margin-top: 1rem;
+}
+
+.delete-confirmation form input[type="submit"],
+.delete-confirmation form .cancel-link {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 2.35rem;
+  margin: 0;
+  padding: 0.54rem 0.82rem;
+  border: 1px solid var(--admin-border-strong);
+  border-radius: var(--admin-radius-sm);
+  background: var(--admin-surface);
+  color: var(--admin-text);
+  font: inherit;
+  font-size: 0.88rem;
+  font-weight: 760;
+  line-height: 1.2;
+  text-decoration: none;
+  box-shadow: none;
+  cursor: pointer;
+  transition:
+    background-color var(--admin-transition),
+    border-color var(--admin-transition),
+    color var(--admin-transition),
+    filter var(--admin-transition),
+    transform var(--admin-transition);
+}
+
+.delete-confirmation form input[type="submit"] {
+  border-color: var(--admin-error-border-soft);
+  background: var(--admin-error-surface);
+  color: var(--admin-error-copy);
+}
+
+.delete-confirmation form .cancel-link {
+  border-color: var(--admin-accent-border);
+  background: var(--admin-accent);
+  color: var(--admin-button-text);
+}
+
+.delete-confirmation form input[type="submit"]:hover,
+.delete-confirmation form input[type="submit"]:focus-visible {
+  border-color: var(--admin-error);
+  background: var(--admin-error-bg);
+  color: var(--admin-error-text);
+  filter: brightness(1.04);
+  transform: translateY(-2px);
+}
+
+.delete-confirmation form .cancel-link:hover,
+.delete-confirmation form .cancel-link:focus-visible {
+  filter: brightness(1.04);
+  transform: translateY(-2px);
+}
+
+.delete-confirmation form .cancel-link:hover,
+.delete-confirmation form .cancel-link:focus-visible {
+  background: var(--admin-accent-strong);
+  color: var(--admin-button-text);
+}
+
+.delete-confirmation form input[type="submit"]:active,
+.delete-confirmation form .cancel-link:active {
+  transform: translateY(0);
+}
+
+.field-password a.button[role="button"] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 1.82rem;
+  padding: 0.26rem 0.5rem;
+  border: 1px solid var(--admin-accent-border);
+  border-radius: var(--admin-radius-sm);
+  background: var(--admin-accent);
+  color: var(--admin-button-text);
+  font-size: 0.88rem;
+  font-weight: 760;
+  line-height: 1.2;
+  text-decoration: none;
+  box-shadow: none;
+  transition:
+    background-color var(--admin-transition),
+    color var(--admin-transition),
+    filter var(--admin-transition),
+    transform var(--admin-transition);
+}
+
+.field-password a.button[role="button"]:hover,
+.field-password a.button[role="button"]:focus-visible {
+  background: var(--admin-accent-strong);
+  color: var(--admin-button-text);
+  filter: brightness(1.04);
+  transform: translateY(-2px);
 }
 
 #changelist #toolbar,
@@ -1537,6 +1772,52 @@ input[type="checkbox"]:focus-visible {
   list-style: none;
 }
 
+.change-form .object-tools {
+  position: relative;
+  z-index: 5;
+  overflow: visible;
+}
+
+.change-form .object-tools li {
+  overflow: visible;
+}
+
+.change-form .object-tools a {
+  position: relative;
+  z-index: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 1.82rem;
+  padding: 0.26rem 0.5rem;
+  border: 1px solid var(--admin-accent-border);
+  border-radius: var(--admin-radius-sm);
+  background: var(--admin-accent);
+  color: var(--admin-button-text);
+  font-size: 0.88rem;
+  font-weight: 760;
+  line-height: 1.2;
+  text-decoration: none;
+  box-shadow: none;
+  transition:
+    background-color var(--admin-transition),
+    color var(--admin-transition),
+    filter var(--admin-transition),
+    transform var(--admin-transition);
+}
+
+.change-form .object-tools a:hover,
+.change-form .object-tools a:focus-visible {
+  background: var(--admin-accent-strong);
+  color: var(--admin-button-text);
+  filter: brightness(1.04);
+  transform: translateY(-2px);
+}
+
+#changelist .object-tools {
+  margin-left: auto;
+}
+
 #changelist .object-tools a,
 #changelist .object-tools a.addlink {
   display: inline-grid;

{vanta_admin-0.5.0 → vanta_admin-0.6.0}/vanta_admin/static/admin/css/theme.base.css

@@ -229,17 +229,19 @@ ul.messagelist li.is-removing {
 }
 
 .errornote,
-ul.errorlist,
-ul.errorlist li {
-  width: 100%;
+ul.errorlist {
+  --admin-message-accent: var(--admin-error);
+  --admin-inline-error-icon: color-mix(in srgb, var(--admin-message-accent) 72%, #fff);
+  --admin-inline-error-bg: color-mix(in srgb, var(--admin-message-accent) 38%, var(--admin-surface-raised));
+  width: fit-content;
   max-width: 100%;
   margin: 0 0 0.65rem;
   padding: 0.22rem 0.75rem;
-  border: 1px solid var(--admin-error-border-soft);
-  border-left: 4px solid var(--admin-error);
+  border: 1px solid var(--admin-border);
+  border-left: 4px solid var(--admin-message-accent);
   border-radius: var(--admin-radius-lg);
-  background: var(--admin-error-surface);
-  color: var(--admin-error-copy);
+  background: var(--admin-inline-error-bg);
+  color: var(--admin-text);
   box-shadow: none;
   font-size: 0.92rem;
   font-family: var(--site-font-body);
@@ -265,17 +267,17 @@ ul.errorlist::before {
   place-items: center;
   width: 0.9rem;
   height: 0.9rem;
-  border: 2px solid color-mix(in srgb, var(--admin-error) 90%, #fff);
+  border: 2px solid var(--admin-inline-error-icon);
   border-radius: 999px;
-  background: var(--admin-error-icon-bg);
-  color: color-mix(in srgb, var(--admin-error) 82%, #fff);
+  background: transparent;
+  color: var(--admin-inline-error-icon);
   font-size: 0.62rem;
   font-weight: 800;
   line-height: 1;
 }
 
 .errornote {
-  color: var(--admin-error-text-strong);
+  color: var(--admin-text);
   font-weight: 720;
 }
 
@@ -284,18 +286,29 @@ ul.errorlist {
   gap: 0.45rem;
 }
 
+form .aligned ul.errorlist {
+  padding-left: 2.25rem;
+}
+
 ul.errorlist li {
+  width: auto;
+  max-width: none;
   margin: 0;
   padding: 0;
   border: 0;
   border-radius: 0;
   background: transparent;
-  color: var(--admin-error-copy);
+  color: var(--admin-text);
   font-size: 0.86rem;
   font-weight: 600;
   line-height: 1.4;
 }
 
+html[data-theme="light"] .errornote,
+html[data-theme="light"] ul.errorlist {
+  --admin-inline-error-bg: color-mix(in srgb, var(--admin-message-accent) 28%, #fff);
+}
+
 .form-row.errors {
   border: 0;
   background: transparent;
@@ -362,13 +375,18 @@ td ul.errorlist + textarea {
 }
 
 .admin-breadcrumbs a,
-.breadcrumbs a {
+.breadcrumbs a,
+.admin-breadcrumb-app {
   display: inline-flex;
   align-items: center;
   border-radius: var(--admin-radius-sm);
   color: var(--admin-muted);
   font-weight: 650;
   padding: 0.2rem 0.5rem;
+}
+
+.admin-breadcrumbs a,
+.breadcrumbs a {
   transition: background-color 160ms ease, color 160ms ease;
 }
 

{vanta_admin-0.5.0 → vanta_admin-0.6.0}/vanta_admin/static/admin/css/theme.login.css

@@ -202,19 +202,19 @@ body.login .errornote {
 
 body.login .errornote,
 body.login ul.errorlist.nonfield {
-  border-color: var(--admin-error-border-soft);
-  border-left-color: var(--admin-error);
-  background: var(--admin-error-surface);
-  color: var(--admin-error-copy);
+  border-color: var(--admin-border);
+  border-left-color: var(--admin-message-accent);
+  background: var(--admin-inline-error-bg);
+  color: var(--admin-text);
 }
 
 body.login .errornote::before,
 body.login ul.errorlist.nonfield::before {
-  border-color: var(--admin-error-border-soft);
-  background: var(--admin-error-icon-bg);
-  color: var(--admin-error-text-strong);
+  border-color: var(--admin-inline-error-icon);
+  background: transparent;
+  color: var(--admin-inline-error-icon);
 }
 
 body.login ul.errorlist.nonfield li {
-  color: var(--admin-error-copy);
+  color: var(--admin-text);
 }

{vanta_admin-0.5.0 → vanta_admin-0.6.0}/vanta_admin/static/admin/css/two_factor.css

@@ -392,16 +392,19 @@ body.vanta-two-factor {
 .vanta-two-factor .alert,
 .vanta-two-factor .errornote,
 .vanta-two-factor ul.errorlist {
+  --admin-message-accent: var(--admin-error);
+  --admin-inline-error-icon: color-mix(in srgb, var(--admin-message-accent) 72%, #fff);
+  --admin-inline-error-bg: color-mix(in srgb, var(--admin-message-accent) 38%, var(--admin-surface-raised));
   position: relative;
-  width: 100%;
+  width: fit-content;
   max-width: 100%;
   margin: 0 0 0.75rem;
   padding: 0.22rem 0.75rem 0.22rem 2.25rem;
-  border: 1px solid var(--admin-error-border-soft);
-  border-left: 4px solid var(--admin-error);
+  border: 1px solid var(--admin-border);
+  border-left: 4px solid var(--admin-message-accent);
   border-radius: var(--admin-radius-lg);
-  background: var(--admin-error-surface);
-  color: var(--admin-error-copy);
+  background: var(--admin-inline-error-bg);
+  color: var(--admin-text);
   font-size: 0.9rem;
   font-family: var(--site-font-body);
   font-weight: 560;
@@ -410,6 +413,12 @@ body.vanta-two-factor {
   overflow-wrap: anywhere;
 }
 
+html[data-theme="light"] .vanta-two-factor .alert,
+html[data-theme="light"] .vanta-two-factor .errornote,
+html[data-theme="light"] .vanta-two-factor ul.errorlist {
+  --admin-inline-error-bg: color-mix(in srgb, var(--admin-message-accent) 28%, #fff);
+}
+
 .vanta-two-factor .alert::before,
 .vanta-two-factor .errornote::before,
 .vanta-two-factor ul.errorlist::before {
@@ -421,26 +430,32 @@ body.vanta-two-factor {
   place-items: center;
   width: 0.9rem;
   height: 0.9rem;
-  border: 2px solid color-mix(in srgb, var(--admin-error) 90%, #fff);
+  border: 2px solid var(--admin-inline-error-icon);
   border-radius: 999px;
-  background: var(--admin-error-icon-bg);
-  color: color-mix(in srgb, var(--admin-error) 82%, #fff);
+  background: transparent;
+  color: var(--admin-inline-error-icon);
   font-size: 0.62rem;
   font-weight: 800;
   line-height: 1;
 }
 
 .vanta-two-factor .errornote {
-  color: var(--admin-error-text-strong);
+  color: var(--admin-text);
   font-weight: 720;
 }
 
+.vanta-two-factor ul.errorlist {
+  padding-left: 3rem;
+}
+
 .vanta-two-factor ul.errorlist li {
+  width: auto;
+  max-width: none;
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent;
-  color: var(--admin-error-copy);
+  color: var(--admin-text);
   font-size: 0.84rem;
   font-weight: 600;
   line-height: 1.4;

{vanta_admin-0.5.0 → vanta_admin-0.6.0}/vanta_admin/static/admin/js/forms.js

@@ -169,6 +169,56 @@
         .map(enhanceActionSelect)
         .filter(Boolean);
 
+    function syncStickySubmitRow() {
+        const form = document.querySelector('body.change-form form[id$="_form"]');
+        const submitRow = form?.querySelector('.submit-row:last-of-type');
+
+        if (!form || !submitRow) {
+            return;
+        }
+
+        let placeholder = submitRow.nextElementSibling;
+        if (!placeholder || !placeholder.classList.contains('admin-submit-row-placeholder')) {
+            placeholder = document.createElement('div');
+            placeholder.className = 'admin-submit-row-placeholder';
+            submitRow.after(placeholder);
+        }
+
+        function syncSubmitRowPosition() {
+            const formRect = form.getBoundingClientRect();
+            const rowRect = submitRow.getBoundingClientRect();
+            const isFixed = submitRow.classList.contains('is-sticky-submit-row');
+            const naturalTop = isFixed
+                ? placeholder.getBoundingClientRect().top
+                : rowRect.top;
+            const shouldStick = naturalTop + rowRect.height > window.innerHeight && formRect.top < window.innerHeight;
+
+            submitRow.classList.toggle('is-sticky-submit-row', shouldStick);
+            form.classList.toggle('has-sticky-submit-row', shouldStick);
+
+            if (shouldStick) {
+                const contentRect = form.getBoundingClientRect();
+                const left = Math.max(contentRect.left, 12);
+                const rightEdge = Math.min(contentRect.right, window.innerWidth - 12);
+                const width = Math.max(rightEdge - left, 0);
+
+                submitRow.style.setProperty('--admin-submit-row-fixed-left', `${left}px`);
+                submitRow.style.setProperty('--admin-submit-row-fixed-width', `${width}px`);
+                placeholder.style.height = `${rowRect.height}px`;
+            } else {
+                submitRow.style.removeProperty('--admin-submit-row-fixed-left');
+                submitRow.style.removeProperty('--admin-submit-row-fixed-width');
+                placeholder.style.height = '0px';
+            }
+        }
+
+        window.addEventListener('scroll', syncSubmitRowPosition, { passive: true });
+        window.addEventListener('resize', syncSubmitRowPosition);
+        syncSubmitRowPosition();
+    }
+
+    syncStickySubmitRow();
+
     document.addEventListener('keydown', (event) => {
         if (event.key === 'Escape') {
             customDropdowns.forEach((dropdown) => {

{vanta_admin-0.5.0 → vanta_admin-0.6.0}/vanta_admin/static/admin/js/sidebar.js

@@ -13,7 +13,9 @@
     const navFilter = document.getElementById('admin-nav-filter');
     const mobileQuery = window.matchMedia('(max-width: 1024px)');
     const navSections = Array.from(document.querySelectorAll('[data-admin-nav-section]'));
-    let isFilteringNavigation = false;
+    const programmaticSectionToggles = new WeakSet();
+    let filterBaselineOpenSections = null;
+    let hadFilterQuery = false;
 
     function setCollapsed(isCollapsed, shouldPersist) {
         body.classList.toggle('admin-sidebar-collapsed', isCollapsed);
@@ -60,6 +62,10 @@
         return section.dataset.adminNavSection;
     }
 
+    function isCurrentSection(section) {
+        return section.classList.contains('is-current-app');
+    }
+
     function syncSectionAria(section) {
         const summary = section.querySelector('.admin-sidebar__group-title');
         if (summary) {
@@ -67,6 +73,13 @@
         }
     }
 
+    function getCurrentOpenSections() {
+        return new Set(navSections
+            .filter(isSectionOpen)
+            .map(getSectionKey)
+            .filter(Boolean));
+    }
+
     function getStoredOpenSections() {
         try {
             const value = JSON.parse(localStorage.getItem(navSectionsStateKey));
@@ -77,16 +90,40 @@
     }
 
     function persistOpenSections() {
-        if (isFilteringNavigation) {
+        const openSections = Array.from(getCurrentOpenSections());
+
+        localStorage.setItem(navSectionsStateKey, JSON.stringify(openSections));
+    }
+
+    function persistFilteredSectionToggle(section) {
+        const sectionKey = getSectionKey(section);
+        if (!sectionKey) {
             return;
         }
 
-        const openSections = navSections
-            .filter(isSectionOpen)
-            .map(getSectionKey)
-            .filter(Boolean);
+        const openSections = new Set(filterBaselineOpenSections || getStoredOpenSections() || []);
 
-        localStorage.setItem(navSectionsStateKey, JSON.stringify(openSections));
+        if (isSectionOpen(section)) {
+            openSections.add(sectionKey);
+        } else {
+            openSections.delete(sectionKey);
+        }
+
+        filterBaselineOpenSections = openSections;
+        localStorage.setItem(navSectionsStateKey, JSON.stringify(Array.from(openSections)));
+    }
+
+    function setSectionOpen(section, isOpen, shouldPersist) {
+        if (section.open === isOpen) {
+            return;
+        }
+
+        if (!shouldPersist) {
+            programmaticSectionToggles.add(section);
+        }
+
+        section.open = isOpen;
+        syncSectionAria(section);
     }
 
     function normalizeFilterValue(value) {
@@ -105,7 +142,9 @@
         const query = normalizeFilterValue(navFilter.value);
         const hasQuery = query.length > 0;
 
-        isFilteringNavigation = true;
+        if (hasQuery && !hadFilterQuery) {
+            filterBaselineOpenSections = getCurrentOpenSections();
+        }
 
         navSections.forEach((section) => {
             const sectionTitle = section.querySelector('.admin-sidebar__group-title span');
@@ -124,46 +163,59 @@
             section.hidden = hasQuery && !matchesSection && !hasVisibleModel;
 
             if (hasQuery && !section.hidden) {
-                section.open = true;
+                setSectionOpen(section, true, false);
             }
 
             syncSectionAria(section);
         });
 
         if (!hasQuery) {
-            applyStoredOpenSections();
+            applyOpenSections(filterBaselineOpenSections || getStoredOpenSections());
             navSections.forEach((section) => {
                 section.hidden = false;
                 section.querySelectorAll('.admin-sidebar__model').forEach((item) => {
                     item.hidden = false;
                 });
             });
+            filterBaselineOpenSections = null;
         }
 
-        isFilteringNavigation = false;
+        hadFilterQuery = hasQuery;
     }
 
-    function applyStoredOpenSections() {
-        const storedOpenSections = getStoredOpenSections();
-
-        if (!storedOpenSections) {
+    function applyOpenSections(openSections, shouldPersist) {
+        if (!openSections) {
             root.classList.remove('admin-nav-state-pending');
             return;
         }
 
+        const nextOpenSections = new Set(openSections);
+        navSections
+            .filter(isCurrentSection)
+            .map(getSectionKey)
+            .filter(Boolean)
+            .forEach((sectionKey) => nextOpenSections.add(sectionKey));
+
         navSections.forEach((section) => {
             const sectionKey = getSectionKey(section);
             if (!sectionKey) {
                 return;
             }
 
-            section.open = storedOpenSections.has(sectionKey);
-            syncSectionAria(section);
+            setSectionOpen(section, nextOpenSections.has(sectionKey), false);
         });
 
+        if (shouldPersist) {
+            localStorage.setItem(navSectionsStateKey, JSON.stringify(Array.from(nextOpenSections)));
+        }
+
         root.classList.remove('admin-nav-state-pending');
     }
 
+    function applyStoredOpenSections() {
+        applyOpenSections(getStoredOpenSections(), true);
+    }
+
     const storedCollapsed = localStorage.getItem(sidebarStateKey);
     setCollapsed(storedCollapsed === 'true', false);
     setMobileOpen(false);
@@ -190,6 +242,16 @@
         syncSectionAria(section);
         section.addEventListener('toggle', () => {
             syncSectionAria(section);
+            if (programmaticSectionToggles.has(section)) {
+                programmaticSectionToggles.delete(section);
+                return;
+            }
+
+            if (hadFilterQuery) {
+                persistFilteredSectionToggle(section);
+                return;
+            }
+
             persistOpenSections();
         });
     });

{vanta_admin-0.5.0 → vanta_admin-0.6.0}/vanta_admin/templates/admin/includes/breadcrumbs.html

@@ -2,7 +2,7 @@
 <div class="breadcrumbs">
   <a href="{% url 'admin:index' %}">{% translate 'Home' %}</a>
   <span class="admin-breadcrumb-separator" aria-hidden="true">&rsaquo;</span>
-  <a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
+  <span class="admin-breadcrumb-app">{{ opts.app_config.verbose_name }}</span>
   <span class="admin-breadcrumb-separator" aria-hidden="true">&rsaquo;</span>
   {% if show_model_link %}
     <a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a>

{vanta_admin-0.5.0 → vanta_admin-0.6.0/vanta_admin.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: vanta-admin
-Version: 0.5.0
+Version: 0.6.0
 Summary: A sharp, dark, and portable Django admin theme forged for builders who want the admin to feel less default.
 Author: oli-dev0
 License-Expression: MIT
@@ -42,6 +42,10 @@ feels more deliberate in everyday use.
   two-factor auth pages.
 - Denser dashboards, tables, filters, messages, and forms so admin work feels
   easier to scan.
+- Better edit pages for longer admin forms, with save buttons that stay easier
+  to reach while scrolling.
+- Cleaner buttons for saving, deleting, viewing history, and changing passwords.
+- Clearer form errors on admin pages, login, and two-factor auth screens.
 - Admin messages that appear clearly, pause while hovered, and dismiss
   themselves after a short time.
 - Changelist actions that appear only when rows are selected, stay available
@@ -55,6 +59,7 @@ feels more deliberate in everyday use.
   stored in the browser for each admin user.
 - Shorter changelist date formatting that makes date-heavy tables easier to
   scan.
+- Simpler breadcrumbs on edit pages, so the page path feels less cluttered.
 - A packaged favicon for the admin.
 - A mobile sidebar overlay that makes the admin easier to use on smaller
   screens.