vanta-admin 0.7.0__tar.gz → 0.8.0__tar.gz

{vanta_admin-0.7.0/vanta_admin.egg-info → vanta_admin-0.8.0}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: vanta-admin
-Version: 0.7.0
+Version: 0.8.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
@@ -36,6 +36,8 @@ feels more deliberate in everyday use.
 
 - A cleaner admin layout with a fixed sidebar that remembers how you left it.
 - A sidebar navigation filter that lets users quickly narrow large admin menus by app or model name.
+- A resizable desktop sidebar that remembers each user's preferred width in the browser.
+- A sidebar expand/collapse-all control for quickly opening or closing visible navigation sections.
 - Light and dark mode, using the same calm Vanta look across the admin.
 - A more settled light-mode palette with clearer search focus states and stronger changelist table headers.
 - Less visual noise on the main admin screens, login pages, cards, filters, and
@@ -58,7 +60,7 @@ feels more deliberate in everyday use.
   multi-select fields stay unchanged.
 - Built-in icons for common admin areas, models, and recent actions.
 - A cleaner account menu with display preferences, project links, password
-  access, logout, and a Vanta support link.
+  access, 2FA settings, logout, and a Vanta support link.
 - A 12-hour and 24-hour time-format preference for changelist date/time values,
   stored in the browser for each admin user.
 - Shorter changelist date formatting that makes date-heavy tables easier to
@@ -68,7 +70,7 @@ feels more deliberate in everyday use.
 - A mobile sidebar overlay that makes the admin easier to use on smaller
   screens.
 - Optional matching templates for `django-two-factor-auth` login, setup
-  completion, account security, and backup-token screens.
+  completion, account security, disable confirmation, and backup-token screens.
 
 Vanta Admin does not replace Django admin, change your permissions, or configure
 two-factor authentication for you. If your project uses `django-two-factor-auth`,

{vanta_admin-0.7.0 → vanta_admin-0.8.0}/README.md

@@ -11,6 +11,8 @@ feels more deliberate in everyday use.
 
 - A cleaner admin layout with a fixed sidebar that remembers how you left it.
 - A sidebar navigation filter that lets users quickly narrow large admin menus by app or model name.
+- A resizable desktop sidebar that remembers each user's preferred width in the browser.
+- A sidebar expand/collapse-all control for quickly opening or closing visible navigation sections.
 - Light and dark mode, using the same calm Vanta look across the admin.
 - A more settled light-mode palette with clearer search focus states and stronger changelist table headers.
 - Less visual noise on the main admin screens, login pages, cards, filters, and
@@ -33,7 +35,7 @@ feels more deliberate in everyday use.
   multi-select fields stay unchanged.
 - Built-in icons for common admin areas, models, and recent actions.
 - A cleaner account menu with display preferences, project links, password
-  access, logout, and a Vanta support link.
+  access, 2FA settings, logout, and a Vanta support link.
 - A 12-hour and 24-hour time-format preference for changelist date/time values,
   stored in the browser for each admin user.
 - Shorter changelist date formatting that makes date-heavy tables easier to
@@ -43,7 +45,7 @@ feels more deliberate in everyday use.
 - A mobile sidebar overlay that makes the admin easier to use on smaller
   screens.
 - Optional matching templates for `django-two-factor-auth` login, setup
-  completion, account security, and backup-token screens.
+  completion, account security, disable confirmation, and backup-token screens.
 
 Vanta Admin does not replace Django admin, change your permissions, or configure
 two-factor authentication for you. If your project uses `django-two-factor-auth`,

{vanta_admin-0.7.0 → vanta_admin-0.8.0}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "vanta-admin"
-version = "0.7.0"
+version = "0.8.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.7.0 → vanta_admin-0.8.0}/vanta_admin/static/admin/css/theme.admin.css

@@ -5,7 +5,9 @@
   top: 0;
   z-index: 20;
   display: flex;
+  flex: 0 0 var(--admin-sidebar-width);
   width: var(--admin-sidebar-width);
+  min-width: var(--admin-sidebar-width);
   min-height: 100vh;
   max-height: 100vh;
   flex-direction: column;
@@ -14,6 +16,82 @@
   transition: width 160ms var(--ease), transform 160ms var(--ease);
 }
 
+.admin-sidebar__resize-handle {
+  position: absolute;
+  top: 0;
+  right: -0.34rem;
+  z-index: 4;
+  width: 0.68rem;
+  height: 100%;
+  cursor: ew-resize;
+  touch-action: none;
+}
+
+.admin-sidebar__resize-handle::before,
+.admin-sidebar__resize-handle::after {
+  content: "";
+  position: absolute;
+  opacity: 0;
+  transition:
+    opacity var(--admin-transition),
+    background-color var(--admin-transition),
+    transform var(--admin-transition);
+}
+
+.admin-sidebar__resize-handle::before {
+  top: 50%;
+  right: 0.5rem;
+  z-index: 2;
+  width: 0.3rem;
+  height: 1.35rem;
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--admin-muted) 70%, var(--admin-border-strong));
+  transform: translateY(-50%);
+}
+
+.admin-sidebar__resize-handle::after {
+  top: 0.85rem;
+  right: 0.26rem;
+  bottom: 0.85rem;
+  z-index: 1;
+  width: 1px;
+  border-radius: 999px;
+  background: transparent;
+}
+
+.admin-sidebar__resize-handle:hover::before,
+.admin-sidebar__resize-handle:focus-visible::before,
+body.admin-sidebar-resizing .admin-sidebar__resize-handle::before,
+.admin-sidebar__resize-handle:hover::after,
+.admin-sidebar__resize-handle:focus-visible::after,
+body.admin-sidebar-resizing .admin-sidebar__resize-handle::after {
+  opacity: 1;
+}
+
+.admin-sidebar__resize-handle:hover::after,
+.admin-sidebar__resize-handle:focus-visible::after,
+body.admin-sidebar-resizing .admin-sidebar__resize-handle::after {
+  background: color-mix(in srgb, var(--admin-border-strong) 80%, var(--admin-muted));
+}
+
+.admin-sidebar__resize-handle:focus-visible {
+  outline: none;
+}
+
+body.admin-sidebar-collapsed .admin-sidebar__resize-handle {
+  display: none;
+}
+
+body.admin-sidebar-resizing,
+body.admin-sidebar-resizing * {
+  cursor: ew-resize !important;
+  user-select: none;
+}
+
+body.admin-sidebar-resizing .admin-sidebar {
+  transition: none;
+}
+
 .admin-sidebar__brand-row,
 .admin-sidebar-header {
   display: flex;
@@ -114,14 +192,17 @@ body.admin-sidebar-collapsed .admin-sidebar__collapse-arrow {
 
 .admin-sidebar__filter {
   position: relative;
-  display: flex;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 2rem;
   align-items: center;
+  gap: 0.55rem;
   padding: 0.85rem 1rem 0;
 }
 
 .admin-sidebar__filter::before {
   content: "";
   position: absolute;
+  top: calc(0.85rem + 1rem);
   left: 1.72rem;
   width: 0.95rem;
   height: 0.95rem;
@@ -129,6 +210,7 @@ body.admin-sidebar-collapsed .admin-sidebar__collapse-arrow {
   mask: url("../img/search.svg") center / contain no-repeat;
   -webkit-mask: url("../img/search.svg") center / contain no-repeat;
   pointer-events: none;
+  transform: translateY(-50%);
 }
 
 #nav-sidebar .admin-sidebar__filter input[type="search"] {
@@ -147,6 +229,46 @@ body.admin-sidebar-collapsed .admin-sidebar__collapse-arrow {
     color var(--admin-transition);
 }
 
+.admin-sidebar__sections-toggle {
+  display: inline-grid;
+  place-items: center;
+  width: 2rem;
+  min-width: 2rem;
+  height: 2rem;
+  border: 0;
+  border-radius: 0.27rem;
+  background: var(--surface-muted);
+  color: var(--accent);
+  cursor: pointer;
+  transition:
+    background-color var(--admin-transition),
+    color var(--admin-transition),
+    transform var(--admin-transition);
+}
+
+.admin-sidebar__sections-toggle svg {
+  width: 1.12rem;
+  height: 1.12rem;
+  stroke-width: 2.45;
+  transition: transform var(--admin-transition);
+}
+
+.admin-sidebar__sections-toggle.is-collapse-mode svg {
+  transform: rotate(180deg);
+}
+
+.admin-sidebar__sections-toggle:hover,
+.admin-sidebar__sections-toggle:focus-visible {
+  background: var(--surface);
+  color: var(--accent-strong);
+  outline: none;
+  transform: translateY(-2px);
+}
+
+.admin-sidebar__sections-toggle:active {
+  transform: translateY(0);
+}
+
 #nav-sidebar .admin-sidebar__filter input[type="search"]::placeholder {
   color: var(--admin-muted);
   opacity: 0.82;
@@ -511,8 +633,8 @@ html[data-theme="light"] .admin-sidebar__time-button[aria-pressed="true"] {
   align-items: center;
   gap: 0.68rem;
   width: 100%;
-  min-height: 2.22rem;
-  padding: 0.46rem;
+  min-height: 2rem;
+  padding: 0.34rem 0.46rem;
   border: 0;
   border-radius: 0.28rem;
   background: transparent;
@@ -1099,6 +1221,48 @@ fieldset.module,
   transform: none;
 }
 
+.helptext,
+.help {
+  color: var(--admin-muted);
+  font-size: 0.82rem;
+  line-height: 1.12;
+}
+
+ul.helptext,
+.help ul {
+  display: grid;
+  gap: 0.06rem;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+ul.helptext li,
+.help li {
+  position: relative;
+  margin: 0;
+  padding-left: 0.95rem;
+}
+
+fieldset.module .form-row .help li,
+fieldset.module .form-row ul.helptext li {
+  line-height: 1.12;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+ul.helptext li::before,
+.help li::before {
+  content: "";
+  position: absolute;
+  top: 0.36em;
+  left: 0.12rem;
+  width: 0.32rem;
+  height: 0.32rem;
+  border-radius: 999px;
+  background: var(--admin-accent);
+}
+
 .delete-confirmation form {
   display: flex;
   flex-wrap: wrap;
@@ -1785,6 +1949,94 @@ input[type="checkbox"]:focus-visible {
   padding: 0 0.8rem;
 }
 
+body:not(.change-form) .submit-row input[type="submit"],
+body:not(.change-form) .submit-row button,
+body:not(.change-form) .submit-row .button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 2.05rem;
+  margin: 0;
+  padding: 0 0.8rem;
+  border: 0;
+  border-radius: 0.27rem;
+  background: var(--admin-accent);
+  color: var(--admin-button-text);
+  cursor: pointer;
+  font: inherit;
+  font-size: 0.82rem;
+  font-weight: 720;
+  line-height: 1.2;
+  text-decoration: none;
+  box-shadow: none;
+  transition:
+    background-color var(--admin-transition),
+    border-color var(--admin-transition),
+    color var(--admin-transition),
+    transform var(--admin-transition);
+}
+
+body:not(.change-form) .submit-row input[type="submit"]:hover,
+body:not(.change-form) .submit-row input[type="submit"]:focus-visible,
+body:not(.change-form) .submit-row button:hover,
+body:not(.change-form) .submit-row button:focus-visible,
+body:not(.change-form) .submit-row .button:hover,
+body:not(.change-form) .submit-row .button:focus-visible {
+  border-color: var(--admin-accent-border);
+  background: var(--admin-accent-strong);
+  color: var(--admin-button-text);
+  filter: none;
+  box-shadow: none;
+  transform: translateY(-2px);
+}
+
+body:not(.change-form) .submit-row input[type="submit"]:active,
+body:not(.change-form) .submit-row button:active,
+body:not(.change-form) .submit-row .button:active {
+  transform: scale(0.97);
+}
+
+html[data-theme="dark"] body:not(.change-form) .submit-row,
+body[data-theme="dark"]:not(.change-form) .submit-row,
+body.theme-dark:not(.change-form) .submit-row {
+  background: #2c3435;
+}
+
+html[data-theme="dark"] body:not(.change-form) .submit-row input[type="submit"],
+html[data-theme="dark"] body:not(.change-form) .submit-row button,
+html[data-theme="dark"] body:not(.change-form) .submit-row .button,
+body[data-theme="dark"]:not(.change-form) .submit-row input[type="submit"],
+body[data-theme="dark"]:not(.change-form) .submit-row button,
+body[data-theme="dark"]:not(.change-form) .submit-row .button,
+body.theme-dark:not(.change-form) .submit-row input[type="submit"],
+body.theme-dark:not(.change-form) .submit-row button,
+body.theme-dark:not(.change-form) .submit-row .button {
+  background: var(--admin-accent);
+  color: var(--admin-button-text);
+}
+
+html[data-theme="dark"] body:not(.change-form) .submit-row input[type="submit"]:hover,
+html[data-theme="dark"] body:not(.change-form) .submit-row input[type="submit"]:focus-visible,
+html[data-theme="dark"] body:not(.change-form) .submit-row button:hover,
+html[data-theme="dark"] body:not(.change-form) .submit-row button:focus-visible,
+html[data-theme="dark"] body:not(.change-form) .submit-row .button:hover,
+html[data-theme="dark"] body:not(.change-form) .submit-row .button:focus-visible,
+body[data-theme="dark"]:not(.change-form) .submit-row input[type="submit"]:hover,
+body[data-theme="dark"]:not(.change-form) .submit-row input[type="submit"]:focus-visible,
+body[data-theme="dark"]:not(.change-form) .submit-row button:hover,
+body[data-theme="dark"]:not(.change-form) .submit-row button:focus-visible,
+body[data-theme="dark"]:not(.change-form) .submit-row .button:hover,
+body[data-theme="dark"]:not(.change-form) .submit-row .button:focus-visible,
+body.theme-dark:not(.change-form) .submit-row input[type="submit"]:hover,
+body.theme-dark:not(.change-form) .submit-row input[type="submit"]:focus-visible,
+body.theme-dark:not(.change-form) .submit-row button:hover,
+body.theme-dark:not(.change-form) .submit-row button:focus-visible,
+body.theme-dark:not(.change-form) .submit-row .button:hover,
+body.theme-dark:not(.change-form) .submit-row .button:focus-visible {
+  background: var(--admin-accent-strong);
+  color: var(--admin-button-text);
+}
+
 #changelist .actions .admin-action-select__button,
 #changelist .actions .admin-action-select__option {
   font-size: 0.72rem;
@@ -1860,13 +2112,13 @@ input[type="checkbox"]:focus-visible {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  min-height: 1.82rem;
-  padding: 0.26rem 0.5rem;
+  min-height: 1.55rem;
+  padding: 0.22rem 0.43rem;
   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-size: 0.75rem;
   font-weight: 760;
   line-height: 1.2;
   text-decoration: none;
@@ -2679,8 +2931,8 @@ html[data-theme="light"] #changelist-filter {
 input:not([type="checkbox"]):not([type="radio"]):focus,
 textarea:focus,
 select:focus {
-  outline: 2px solid var(--accent);
-  outline-offset: 2px;
+  outline: 1px solid var(--admin-accent-border);
+  outline-offset: 1px;
 }
 
 :where(a, button, summary, input[type="submit"], input[type="button"], input[type="reset"]):focus:not(:focus-visible) {
@@ -2689,8 +2941,8 @@ select:focus {
 }
 
 :where(a, button, input:not([type="checkbox"]):not([type="radio"]), select, textarea, summary):focus-visible {
-  outline: 3px solid var(--admin-accent-soft);
-  outline-offset: 2px;
+  outline: 1px solid var(--admin-accent-border);
+  outline-offset: 1px;
   box-shadow: none;
 }
 

{vanta_admin-0.7.0 → vanta_admin-0.8.0}/vanta_admin/static/admin/css/theme.responsive.css

@@ -144,6 +144,10 @@
     transform: translateX(-100%);
   }
 
+  .admin-sidebar__resize-handle {
+    display: none;
+  }
+
   body.admin-sidebar-mobile-open .admin-sidebar {
     transform: translateX(0);
   }

{vanta_admin-0.7.0 → vanta_admin-0.8.0}/vanta_admin/static/admin/css/two_factor.css

@@ -44,11 +44,15 @@ body.vanta-two-factor {
   line-height: 1.2;
   text-decoration: none;
   white-space: nowrap;
+  transition:
+    color var(--admin-transition),
+    transform var(--admin-transition);
 }
 
 .vanta-two-factor-admin-link:hover,
 .vanta-two-factor-admin-link:focus-visible {
   color: var(--admin-link-strong);
+  transform: translateY(-2px);
 }
 
 .vanta-two-factor-admin-link__arrow {
@@ -58,6 +62,33 @@ body.vanta-two-factor {
   transform: translateY(-0.20rem);
 }
 
+.vanta-two-factor-back-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.18rem;
+  color: var(--admin-link);
+  font-size: 0.8rem;
+  font-weight: 700;
+  line-height: 1.2;
+  text-decoration: none;
+  transition:
+    color var(--admin-transition),
+    transform var(--admin-transition);
+}
+
+.vanta-two-factor-back-link:hover,
+.vanta-two-factor-back-link:focus-visible {
+  color: var(--admin-link-strong);
+  transform: translateY(-2px);
+}
+
+.vanta-two-factor-back-link__arrow {
+  display: inline-block;
+  font-size: 1.08rem;
+  line-height: 1;
+  transform: translateY(-0.22rem);
+}
+
 
 .vanta-two-factor-brand {
   display: inline-flex;
@@ -232,7 +263,7 @@ body.vanta-two-factor {
 .vanta-two-factor .btn-warning,
 .vanta-two-factor .btn-info {
   border-color: var(--admin-border-strong);
-  background: var(--admin-surface-muted);
+  background: var(--input-bg);
   color: var(--admin-text);
   box-shadow: none;
 }
@@ -307,6 +338,8 @@ body.vanta-two-factor {
 .vanta-two-factor .btn-warning:focus-visible,
 .vanta-two-factor .btn-info:hover,
 .vanta-two-factor .btn-info:focus-visible {
+  background: var(--admin-surface-muted);
+  border-color: var(--admin-accent-border);
   box-shadow: none;
 }
 
@@ -342,6 +375,21 @@ body.vanta-two-factor {
   box-shadow: none;
 }
 
+.vanta-two-factor a.float-right.btn-link {
+  border-color: var(--admin-border-strong);
+  background: var(--input-bg);
+  color: var(--admin-text);
+  padding-right: 0.82rem;
+  padding-left: 0.82rem;
+}
+
+.vanta-two-factor a.float-right.btn-link:hover,
+.vanta-two-factor a.float-right.btn-link:focus-visible {
+  background: var(--admin-surface-muted);
+  color: var(--admin-text);
+  transform: translateY(-2px);
+}
+
 .vanta-two-factor .btn-block {
   display: flex;
   width: 100%;

{vanta_admin-0.7.0 → vanta_admin-0.8.0}/vanta_admin/static/admin/js/sidebar.js

@@ -2,13 +2,19 @@
 
 {
     const sidebarStateKey = 'django.admin.theme.sidebar.isCollapsed';
+    const sidebarWidthStateKey = 'django.admin.theme.sidebar.width';
     const navSectionsStateKey = 'django.admin.theme.sidebar.openSections';
+    const minSidebarWidth = 220;
+    const maxSidebarWidth = 420;
+    const sidebarResizeStep = 16;
 
     const body = document.body;
     const root = document.documentElement;
     const sidebar = document.getElementById('nav-sidebar');
     const collapseButton = document.getElementById('admin-sidebar-collapse');
+    const resizeHandle = document.getElementById('admin-sidebar-resize-handle');
     const menuButton = document.getElementById('admin-sidebar-menu-button');
+    const sectionsToggle = document.getElementById('admin-sidebar-sections-toggle');
     const accountDetails = document.querySelector('.admin-sidebar__account');
     const navFilter = document.getElementById('admin-nav-filter');
     const mobileQuery = window.matchMedia('(max-width: 1024px)');
@@ -16,6 +22,50 @@
     const programmaticSectionToggles = new WeakSet();
     let filterBaselineOpenSections = null;
     let hadFilterQuery = false;
+    let resizeStartX = 0;
+    let resizeStartWidth = 0;
+
+    function clampSidebarWidth(width) {
+        return Math.min(maxSidebarWidth, Math.max(minSidebarWidth, width));
+    }
+
+    function getStoredSidebarWidth() {
+        const width = Number.parseInt(localStorage.getItem(sidebarWidthStateKey), 10);
+        return Number.isFinite(width) ? clampSidebarWidth(width) : null;
+    }
+
+    function setSidebarWidth(width, shouldPersist) {
+        const nextWidth = clampSidebarWidth(width);
+
+        root.style.setProperty('--admin-sidebar-width', `${nextWidth}px`);
+
+        if (resizeHandle) {
+            resizeHandle.setAttribute('aria-valuemin', String(minSidebarWidth));
+            resizeHandle.setAttribute('aria-valuemax', String(maxSidebarWidth));
+            resizeHandle.setAttribute('aria-valuenow', String(nextWidth));
+        }
+
+        if (shouldPersist) {
+            localStorage.setItem(sidebarWidthStateKey, String(nextWidth));
+        }
+    }
+
+    function getCurrentSidebarWidth() {
+        if (!sidebar) {
+            return getStoredSidebarWidth() || minSidebarWidth;
+        }
+
+        return clampSidebarWidth(Math.round(sidebar.getBoundingClientRect().width));
+    }
+
+    function canResizeSidebar() {
+        return (
+            sidebar
+            && resizeHandle
+            && !mobileQuery.matches
+            && !body.classList.contains('admin-sidebar-collapsed')
+        );
+    }
 
     function setCollapsed(isCollapsed, shouldPersist) {
         body.classList.toggle('admin-sidebar-collapsed', isCollapsed);
@@ -52,6 +102,10 @@
             sidebar.setAttribute('aria-hidden', String(isHiddenOnMobile));
             sidebar.toggleAttribute('inert', isHiddenOnMobile);
         }
+
+        if (resizeHandle) {
+            resizeHandle.hidden = mobileQuery.matches;
+        }
     }
 
     function isSectionOpen(section) {
@@ -73,6 +127,23 @@
         }
     }
 
+    function hasOpenSections() {
+        return navSections.some((section) => !section.hidden && isSectionOpen(section));
+    }
+
+    function syncSectionsToggle() {
+        if (!sectionsToggle) {
+            return;
+        }
+
+        const shouldCollapse = hasOpenSections();
+        const label = shouldCollapse ? 'Collapse all' : 'Expand all';
+
+        sectionsToggle.classList.toggle('is-collapse-mode', shouldCollapse);
+        sectionsToggle.setAttribute('aria-label', label);
+        sectionsToggle.setAttribute('title', label);
+    }
+
     function getCurrentOpenSections() {
         return new Set(navSections
             .filter(isSectionOpen)
@@ -181,10 +252,12 @@
         }
 
         hadFilterQuery = hasQuery;
+        syncSectionsToggle();
     }
 
     function applyOpenSections(openSections, shouldPersist) {
         if (!openSections) {
+            syncSectionsToggle();
             root.classList.remove('admin-nav-state-pending');
             return;
         }
@@ -209,6 +282,7 @@
             localStorage.setItem(navSectionsStateKey, JSON.stringify(Array.from(nextOpenSections)));
         }
 
+        syncSectionsToggle();
         root.classList.remove('admin-nav-state-pending');
     }
 
@@ -217,9 +291,73 @@
     }
 
     const storedCollapsed = localStorage.getItem(sidebarStateKey);
+    const storedSidebarWidth = getStoredSidebarWidth();
+    if (storedSidebarWidth) {
+        setSidebarWidth(storedSidebarWidth, false);
+    } else if (resizeHandle) {
+        setSidebarWidth(getCurrentSidebarWidth(), false);
+    }
     setCollapsed(storedCollapsed === 'true', false);
     setMobileOpen(false);
     applyStoredOpenSections();
+    syncSectionsToggle();
+
+    if (resizeHandle) {
+        resizeHandle.addEventListener('pointerdown', (event) => {
+            if (!canResizeSidebar()) {
+                return;
+            }
+
+            resizeStartX = event.clientX;
+            resizeStartWidth = getCurrentSidebarWidth();
+            body.classList.add('admin-sidebar-resizing');
+            resizeHandle.setPointerCapture(event.pointerId);
+            event.preventDefault();
+        });
+
+        resizeHandle.addEventListener('pointermove', (event) => {
+            if (!body.classList.contains('admin-sidebar-resizing')) {
+                return;
+            }
+
+            setSidebarWidth(resizeStartWidth + event.clientX - resizeStartX, false);
+        });
+
+        resizeHandle.addEventListener('pointerup', (event) => {
+            if (!body.classList.contains('admin-sidebar-resizing')) {
+                return;
+            }
+
+            body.classList.remove('admin-sidebar-resizing');
+            setSidebarWidth(getCurrentSidebarWidth(), true);
+            resizeHandle.releasePointerCapture(event.pointerId);
+        });
+
+        resizeHandle.addEventListener('pointercancel', () => {
+            body.classList.remove('admin-sidebar-resizing');
+            setSidebarWidth(getCurrentSidebarWidth(), true);
+        });
+
+        resizeHandle.addEventListener('keydown', (event) => {
+            if (!canResizeSidebar()) {
+                return;
+            }
+
+            if (event.key === 'ArrowLeft') {
+                setSidebarWidth(getCurrentSidebarWidth() - sidebarResizeStep, true);
+                event.preventDefault();
+            } else if (event.key === 'ArrowRight') {
+                setSidebarWidth(getCurrentSidebarWidth() + sidebarResizeStep, true);
+                event.preventDefault();
+            } else if (event.key === 'Home') {
+                setSidebarWidth(minSidebarWidth, true);
+                event.preventDefault();
+            } else if (event.key === 'End') {
+                setSidebarWidth(maxSidebarWidth, true);
+                event.preventDefault();
+            }
+        });
+    }
 
     if (collapseButton) {
         collapseButton.addEventListener('click', () => {
@@ -238,10 +376,28 @@
         });
     }
 
+    if (sectionsToggle) {
+        sectionsToggle.addEventListener('click', () => {
+            const shouldOpen = !hasOpenSections();
+
+            navSections.forEach((section) => {
+                if (section.hidden) {
+                    return;
+                }
+
+                setSectionOpen(section, shouldOpen, true);
+            });
+
+            persistOpenSections();
+            syncSectionsToggle();
+        });
+    }
+
     navSections.forEach((section) => {
         syncSectionAria(section);
         section.addEventListener('toggle', () => {
             syncSectionAria(section);
+            syncSectionsToggle();
             if (programmaticSectionToggles.has(section)) {
                 programmaticSectionToggles.delete(section);
                 return;

{vanta_admin-0.7.0 → vanta_admin-0.8.0}/vanta_admin/templates/admin/nav_sidebar.html

@@ -2,6 +2,7 @@
 
 <svg aria-hidden="true" class="admin-svg-defs" xmlns="http://www.w3.org/2000/svg">
   <symbol id="admin-icon-menu" viewBox="0 0 24 24"><path d="M4 7h16M4 12h16M4 17h16" /></symbol>
+  <symbol id="admin-icon-chevrons-down" viewBox="0 0 24 24"><path d="m7 6 5 5 5-5" /><path d="m7 13 5 5 5-5" /></symbol>
   <symbol id="admin-icon-arrow-left" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6" /></symbol>
   <symbol id="admin-icon-chevron" viewBox="0 0 24 24"><path d="m6 15 6-6 6 6" /></symbol>
   <symbol id="admin-icon-plus" viewBox="0 0 24 24"><path d="M12 5v14M5 12h14" /></symbol>
@@ -31,10 +32,22 @@
   </symbol>
   <symbol id="admin-icon-external" viewBox="0 0 24 24"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" /><path d="M15 3h6v6M10 14 21 3" /></symbol>
   <symbol id="admin-icon-lock" viewBox="0 0 24 24"><rect x="4" y="11" width="16" height="10" rx="2" /><path d="M8 11V7a4 4 0 0 1 8 0v4" /></symbol>
+  <symbol id="admin-icon-2fa-settings" viewBox="0 0 444 512.36">
+    <path fill="currentColor" stroke="none" fill-rule="evenodd" clip-rule="evenodd" d="M75.33 320.47h294.33c29.56-56.91 43.93-129.92 39.5-219.58-53.23 4.86-119.13-19.6-187.78-63.12-54.92 42.67-118.12 63.87-187.08 60.26-2.43 92.68 12.43 166.09 41.03 222.44zm328.53.58c14.79 2.87 26.06 16 26.06 31.53v127.66c0 17.59-14.52 32.12-32.12 32.12H46.18c-17.59 0-32.11-14.46-32.11-32.12V352.58c0-15.96 11.87-29.43 27.32-31.75C12.17 255.78-2.41 172.49.33 67.99 75.67 71.94 149.6 55.65 221.23 0 304.03 52.48 378.81 77.3 443 71.44c5.01 101.3-8.95 184.06-39.14 249.61zM161.67 177.27h6.01v-13.91c0-15.4 6.07-29.44 15.84-39.64 9.87-10.28 23.48-16.66 38.48-16.66 14.99 0 28.62 6.38 38.47 16.66 9.78 10.2 15.85 24.23 15.85 39.64v13.91h6c4.88 0 8.87 3.99 8.87 8.86v93.66c0 4.88-3.99 8.87-8.87 8.87H161.67c-4.88 0-8.86-3.99-8.86-8.87v-93.66c-.01-4.87 3.98-8.86 8.86-8.86zm22.78 0h75.09v-13.91c0-10.96-4.27-20.88-11.14-28.04-6.79-7.09-16.14-11.48-26.41-11.48-10.26 0-19.62 4.39-26.4 11.48-6.88 7.16-11.14 17.08-11.14 28.04v13.91zm30.27 59.82-9.56 25.05h33.68l-8.86-25.4c5.62-2.89 9.47-8.75 9.47-15.51 0-9.64-7.81-17.45-17.46-17.45-9.63 0-17.44 7.81-17.44 17.45 0 7.03 4.17 13.1 10.17 15.86zM105.2 397.93l-3.62-20.7c11.68-3.52 23.3-5.28 34.89-5.28 4.63 0 8.49.13 11.6.41 3.1.28 6.32.97 9.66 2.08 3.33 1.12 5.97 2.64 7.91 4.59 4.46 4.44 6.68 11.26 6.68 20.43s-2.6 15.93-7.79 20.29c-5.18 4.35-16.12 9.35-32.79 15v3.9h39.18v22.23H99.64v-17.37c0-5.19.97-10.14 2.91-14.87 1.21-2.69 4.13-5.93 8.76-9.73 2.5-2.13 5.86-4.17 10.07-6.11 4.22-1.95 8.2-3.78 11.96-5.49 3.75-1.71 6.78-3.13 9.1-4.24v-7.5c-4.17-.46-8.02-.7-11.54-.7-8.52 0-17.09 1.02-25.7 3.06zm140.7 33.06h-23.62v29.89h-27.8v-86.86h56.98l-3.48 22.25h-25.7v14.01h23.62v20.71zm38.64 29.89h-28.15l22.52-86.86h42.94l22.51 86.86h-28.15l-3.2-13.75h-25.27l-3.2 13.75zm12.13-60.17-3.93 24.32h15.13l-3.8-24.32h-7.4z"/>
+  </symbol>
   <symbol id="admin-icon-log-out" viewBox="0 0 24 24"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" /><path d="M16 17l5-5-5-5M21 12H9" /></symbol>
 </svg>
 
 <nav class="admin-sidebar" id="nav-sidebar" aria-label="Admin navigation">
+  <div
+    class="admin-sidebar__resize-handle"
+    id="admin-sidebar-resize-handle"
+    role="separator"
+    aria-orientation="vertical"
+    aria-label="Resize admin navigation"
+    aria-controls="nav-sidebar"
+    tabindex="0"
+  ></div>
   <div class="admin-sidebar__brand-row admin-sidebar-header">
     <a class="admin-sidebar__brand" href="{% url 'admin:index' %}">{{ site_header|default:'Django admin' }}</a>
     <div class="admin-sidebar__controls admin-sidebar-actions">
@@ -60,8 +73,17 @@
         id="admin-nav-filter"
         autocomplete="off"
         spellcheck="false"
-        placeholder="Start typing to filter..."
+        placeholder="Type to filter..."
+      >
+      <button
+        class="admin-sidebar__sections-toggle"
+        id="admin-sidebar-sections-toggle"
+        type="button"
+        aria-label="Collapse all"
+        title="Collapse all"
       >
+        <svg aria-hidden="true"><use href="#admin-icon-chevrons-down"></use></svg>
+      </button>
     </div>
   {% endif %}
 
@@ -163,6 +185,13 @@
               <span>Change password</span>
             </a>
           {% endif %}
+          {% url 'two_factor:profile' as two_factor_profile_url %}
+          {% if two_factor_profile_url %}
+            <a href="{{ two_factor_profile_url }}">
+              <svg class="admin-sidebar__2fa-icon" aria-hidden="true"><use href="#admin-icon-2fa-settings"></use></svg>
+              <span>2FA settings</span>
+            </a>
+          {% endif %}
           <a class="admin-sidebar__donation-link donation-button" href="https://www.vanta-admin.org/en/donate/" target="_blank" rel="noopener noreferrer" aria-label="Buy me a coffee">
             <span class="donation-button__cup" aria-hidden="true">
               <span class="donation-button__steam"></span>

vanta_admin-0.8.0/vanta_admin/templates/two_factor/profile/disable.html

@@ -0,0 +1,25 @@
+{% extends "two_factor/_base_focus.html" %}
+{% load i18n %}
+
+{% block content_wrapper %}
+  <main id="content-start" class="vanta-two-factor-shell" tabindex="-1">
+    <section class="vanta-two-factor-panel" aria-label="Two-factor authentication">
+      <div class="vanta-two-factor-header">
+        <div class="vanta-two-factor-brand">
+          <span class="vanta-two-factor-brand__mark" aria-hidden="true"></span>
+          <span>Vanta Admin</span>
+        </div>
+        <a href="{% url 'two_factor:profile' %}" class="vanta-two-factor-back-link"><span class="vanta-two-factor-back-link__arrow" aria-hidden="true">&larr;</span><span>{% trans "Back" %}</span></a>
+      </div>
+      <h1>{% block title %}{% trans "Disable Two-factor Authentication" %}{% endblock %}</h1>
+      <p>{% blocktrans trimmed %}You are about to disable two-factor authentication. This
+        weakens your account security, are you sure?{% endblocktrans %}</p>
+      <form method="post">
+        {% csrf_token %}
+        <table>{{ form.as_table }}</table>
+        <button class="btn btn-danger"
+                type="submit">{% trans "Disable" %}</button>
+      </form>
+    </section>
+  </main>
+{% endblock %}

{vanta_admin-0.7.0 → vanta_admin-0.8.0/vanta_admin.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: vanta-admin
-Version: 0.7.0
+Version: 0.8.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
@@ -36,6 +36,8 @@ feels more deliberate in everyday use.
 
 - A cleaner admin layout with a fixed sidebar that remembers how you left it.
 - A sidebar navigation filter that lets users quickly narrow large admin menus by app or model name.
+- A resizable desktop sidebar that remembers each user's preferred width in the browser.
+- A sidebar expand/collapse-all control for quickly opening or closing visible navigation sections.
 - Light and dark mode, using the same calm Vanta look across the admin.
 - A more settled light-mode palette with clearer search focus states and stronger changelist table headers.
 - Less visual noise on the main admin screens, login pages, cards, filters, and
@@ -58,7 +60,7 @@ feels more deliberate in everyday use.
   multi-select fields stay unchanged.
 - Built-in icons for common admin areas, models, and recent actions.
 - A cleaner account menu with display preferences, project links, password
-  access, logout, and a Vanta support link.
+  access, 2FA settings, logout, and a Vanta support link.
 - A 12-hour and 24-hour time-format preference for changelist date/time values,
   stored in the browser for each admin user.
 - Shorter changelist date formatting that makes date-heavy tables easier to
@@ -68,7 +70,7 @@ feels more deliberate in everyday use.
 - A mobile sidebar overlay that makes the admin easier to use on smaller
   screens.
 - Optional matching templates for `django-two-factor-auth` login, setup
-  completion, account security, and backup-token screens.
+  completion, account security, disable confirmation, and backup-token screens.
 
 Vanta Admin does not replace Django admin, change your permissions, or configure
 two-factor authentication for you. If your project uses `django-two-factor-auth`,

{vanta_admin-0.7.0 → vanta_admin-0.8.0}/vanta_admin.egg-info/SOURCES.txt

@@ -37,6 +37,7 @@ vanta_admin/templates/two_factor/_base_focus.html
 vanta_admin/templates/two_factor/_wizard_actions.html
 vanta_admin/templates/two_factor/core/login.html
 vanta_admin/templates/two_factor/core/setup_complete.html
+vanta_admin/templates/two_factor/profile/disable.html
 vanta_admin/templates/two_factor/profile/profile.html
 vanta_admin/templatetags/__init__.py
 vanta_admin/templatetags/admin_theme.py