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

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

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: vanta-admin
-Version: 0.4.0
+Version: 0.5.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
@@ -35,7 +35,9 @@ feels more deliberate in everyday use.
 ## What It Adds
 
 - 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.
 - 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
   two-factor auth pages.
 - Denser dashboards, tables, filters, messages, and forms so admin work feels

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

@@ -10,7 +10,9 @@ feels more deliberate in everyday use.
 ## What It Adds
 
 - 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.
 - 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
   two-factor auth pages.
 - Denser dashboards, tables, filters, messages, and forms so admin work feels

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

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

@@ -112,11 +112,66 @@ body.admin-sidebar-collapsed .admin-sidebar__collapse-arrow {
   white-space: nowrap;
 }
 
+.admin-sidebar__filter {
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding: 0.85rem 1rem 0;
+}
+
+.admin-sidebar__filter::before {
+  content: "";
+  position: absolute;
+  left: 1.72rem;
+  width: 0.95rem;
+  height: 0.95rem;
+  background: var(--accent);
+  mask: url("../img/search.svg") center / contain no-repeat;
+  -webkit-mask: url("../img/search.svg") center / contain no-repeat;
+  pointer-events: none;
+}
+
+#nav-sidebar .admin-sidebar__filter input[type="search"] {
+  width: 100%;
+  min-height: 2rem;
+  border: 0;
+  border-radius: 0.27rem;
+  background: var(--surface-muted);
+  color: var(--text);
+  padding: 0.32rem 0.7rem 0.32rem 2.65rem;
+  font-size: 0.82rem;
+  font-weight: 650;
+  outline: none;
+  transition:
+    background-color var(--admin-transition),
+    color var(--admin-transition);
+}
+
+#nav-sidebar .admin-sidebar__filter input[type="search"]::placeholder {
+  color: var(--admin-muted);
+  opacity: 0.82;
+}
+
+#nav-sidebar .admin-sidebar__filter input[type="search"]:focus,
+#nav-sidebar .admin-sidebar__filter input[type="search"]:focus-visible {
+  background: var(--surface);
+  box-shadow: none;
+}
+
+#nav-sidebar .admin-sidebar__filter input[type="search"]::-webkit-search-decoration {
+  appearance: none;
+}
+
+html[data-theme="light"] #nav-sidebar .admin-sidebar__filter input[type="search"]:focus,
+html[data-theme="light"] #nav-sidebar .admin-sidebar__filter input[type="search"]:focus-visible {
+  background: #e8f1fa;
+}
+
 .admin-sidebar__groups {
   flex: 1 1 auto;
   min-height: 0;
   overflow-y: auto;
-  padding: 0.9rem 1rem 8.25rem;
+  padding: 0.65rem 1rem 8.25rem;
   scrollbar-color: var(--border-strong) transparent;
   scrollbar-width: thin;
 }
@@ -350,7 +405,7 @@ body.admin-sidebar-collapsed .admin-sidebar__collapse-arrow {
 }
 
 .admin-sidebar__section-title {
-  margin: 0 0 0.48rem;
+  margin: 0 0 0.24rem;
   color: var(--subtle);
   font-size: 0.72rem;
   font-weight: 760;
@@ -358,7 +413,7 @@ body.admin-sidebar-collapsed .admin-sidebar__collapse-arrow {
 
 .admin-sidebar__display-section {
   display: grid;
-  gap: 0.38rem;
+  gap: 0.16rem;
 }
 
 .admin-sidebar__display-row {
@@ -391,9 +446,9 @@ body.admin-sidebar-collapsed .admin-sidebar__collapse-arrow {
 .admin-sidebar__time-controls {
   display: grid;
   grid-template-columns: 1fr 1fr;
-  gap: 0.32rem;
-  padding: 0.25rem;
-  width: 5.4rem;
+  gap: 0.24rem;
+  padding: 0.18rem;
+  width: 4.75rem;
   border-radius: 0.34rem;
   background: var(--surface-muted);
 }
@@ -404,8 +459,8 @@ body.admin-sidebar-collapsed .admin-sidebar__collapse-arrow {
   align-items: center;
   justify-content: center;
   gap: 0.42rem;
-  min-height: 2.05rem;
-  padding: 0 0.58rem;
+  min-height: 1.62rem;
+  padding: 0 0.38rem;
   border: 0;
   border-radius: 0.27rem;
   background: transparent;
@@ -591,6 +646,7 @@ body.admin-sidebar-collapsed .admin-sidebar {
 }
 
 body.admin-sidebar-collapsed .admin-sidebar__brand,
+body.admin-sidebar-collapsed .admin-sidebar__filter,
 body.admin-sidebar-collapsed .admin-sidebar__groups,
 body.admin-sidebar-collapsed .admin-sidebar__account {
   display: none;
@@ -1132,6 +1188,11 @@ select,
   max-width: 16.8rem;
 }
 
+html[data-theme="light"] #changelist-search input[type="text"]:focus,
+html[data-theme="light"] #changelist input[type="search"]:focus {
+  background: #e8f1fa;
+}
+
 #changelist .actions select {
   appearance: none;
   min-height: 1.5rem;
@@ -1576,6 +1637,10 @@ input[type="checkbox"]:focus-visible {
   vertical-align: middle;
 }
 
+html[data-theme="light"] #changelist table thead th {
+  background: #d5e3f1;
+}
+
 #changelist table thead th:first-child {
   border-radius: var(--admin-radius-sm) 0 0 var(--admin-radius-sm);
 }
@@ -1620,6 +1685,11 @@ input[type="checkbox"]:focus-visible {
   transform: translateY(-2px);
 }
 
+html[data-theme="light"] #changelist table thead th a:hover,
+html[data-theme="light"] #changelist table thead th a:focus {
+  background: #c7d9eb;
+}
+
 #changelist table thead th a:focus-visible {
   outline: 2px solid var(--admin-accent);
   outline-offset: 2px;
@@ -1638,6 +1708,11 @@ input[type="checkbox"]:focus-visible {
   vertical-align: middle;
 }
 
+html[data-theme="light"] #changelist table thead th.sorted .text,
+html[data-theme="light"] #changelist table thead th.sorted .sortoptions {
+  background: #c7d9eb !important;
+}
+
 #changelist table thead th.sorted .text {
   float: none !important;
   padding: 0 !important;

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

@@ -93,15 +93,15 @@ body[data-theme="light"],
 body.theme-light,
 .theme-light {
   color-scheme: light;
-  --page-bg: #ffffff;
-  --shell-bg: #ffffff;
-  --sidebar-bg: #f6faff;
-  --surface: #f6faff;
-  --surface-strong: #ffffff;
-  --surface-muted: #f1f7ff;
-  --surface-hover: #eaf4ff;
-  --row-bg: #ffffff;
-  --row-bg-alt: #f4f9ff;
+  --page-bg: #f3f7fb;
+  --shell-bg: #f3f7fb;
+  --sidebar-bg: #eef5fb;
+  --surface: #f7fbff;
+  --surface-strong: #fbfdff;
+  --surface-muted: #dfeaf5;
+  --surface-hover: #e4f0fb;
+  --row-bg: #fbfdff;
+  --row-bg-alt: #f2f8fe;
   --border: #d7e6f4;
   --border-strong: #bcd3e8;
   --text: #102033;
@@ -114,12 +114,12 @@ body.theme-light,
   --accent-softer: color-mix(in srgb, var(--accent) 8%, transparent);
   --shadow: none;
   --shadow-soft: none;
-  --input-bg: #ffffff;
-  --admin-bg: #ffffff;
-  --admin-sidebar-bg: #f6faff;
-  --admin-surface: #ffffff;
-  --admin-surface-muted: #f6faff;
-  --admin-surface-raised: #f1f7ff;
+  --input-bg: #dfeaf5;
+  --admin-bg: #f3f7fb;
+  --admin-sidebar-bg: #eef5fb;
+  --admin-surface: #fbfdff;
+  --admin-surface-muted: #dfeaf5;
+  --admin-surface-raised: #f7fbff;
   --admin-text: #102033;
   --admin-muted: #4f647a;
   --admin-muted-soft: #71879d;
@@ -146,7 +146,7 @@ body.theme-light,
   --admin-warning-bg: color-mix(in srgb, var(--admin-warning) 14%, transparent);
   --admin-link: color-mix(in srgb, var(--admin-accent) 78%, var(--admin-muted));
   --admin-link-strong: color-mix(in srgb, var(--admin-accent) 86%, var(--admin-text));
-  --admin-nav-item-active-bg: #eaf4ff;
+  --admin-nav-item-active-bg: #dbe9f7;
   --admin-nav-item-active-border: color-mix(in srgb, var(--admin-accent) 34%, var(--admin-border));
   --admin-button-text: #ffffff;
   --admin-shadow-soft: none;

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

@@ -10,8 +10,10 @@
     const collapseButton = document.getElementById('admin-sidebar-collapse');
     const menuButton = document.getElementById('admin-sidebar-menu-button');
     const accountDetails = document.querySelector('.admin-sidebar__account');
+    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;
 
     function setCollapsed(isCollapsed, shouldPersist) {
         body.classList.toggle('admin-sidebar-collapsed', isCollapsed);
@@ -75,6 +77,10 @@
     }
 
     function persistOpenSections() {
+        if (isFilteringNavigation) {
+            return;
+        }
+
         const openSections = navSections
             .filter(isSectionOpen)
             .map(getSectionKey)
@@ -83,6 +89,60 @@
         localStorage.setItem(navSectionsStateKey, JSON.stringify(openSections));
     }
 
+    function normalizeFilterValue(value) {
+        return value.trim().toLowerCase();
+    }
+
+    function getNavItemText(element) {
+        return element.textContent.trim().toLowerCase();
+    }
+
+    function filterNavigation() {
+        if (!navFilter) {
+            return;
+        }
+
+        const query = normalizeFilterValue(navFilter.value);
+        const hasQuery = query.length > 0;
+
+        isFilteringNavigation = true;
+
+        navSections.forEach((section) => {
+            const sectionTitle = section.querySelector('.admin-sidebar__group-title span');
+            const modelItems = Array.from(section.querySelectorAll('.admin-sidebar__model'));
+            const matchesSection = sectionTitle && getNavItemText(sectionTitle).includes(query);
+            let hasVisibleModel = false;
+
+            modelItems.forEach((item) => {
+                const matchesModel = getNavItemText(item).includes(query);
+                const isVisible = !hasQuery || matchesSection || matchesModel;
+
+                item.hidden = !isVisible;
+                hasVisibleModel = hasVisibleModel || isVisible;
+            });
+
+            section.hidden = hasQuery && !matchesSection && !hasVisibleModel;
+
+            if (hasQuery && !section.hidden) {
+                section.open = true;
+            }
+
+            syncSectionAria(section);
+        });
+
+        if (!hasQuery) {
+            applyStoredOpenSections();
+            navSections.forEach((section) => {
+                section.hidden = false;
+                section.querySelectorAll('.admin-sidebar__model').forEach((item) => {
+                    item.hidden = false;
+                });
+            });
+        }
+
+        isFilteringNavigation = false;
+    }
+
     function applyStoredOpenSections() {
         const storedOpenSections = getStoredOpenSections();
 
@@ -134,6 +194,10 @@
         });
     });
 
+    if (navFilter) {
+        navFilter.addEventListener('input', filterNavigation);
+    }
+
     document.addEventListener('keydown', (event) => {
         if (event.key === 'Escape') {
             setMobileOpen(false);

{vanta_admin-0.4.0 → vanta_admin-0.5.0}/vanta_admin/templates/admin/nav_sidebar.html

@@ -52,6 +52,19 @@
     </div>
   </div>
 
+  {% if available_apps %}
+    <div class="admin-sidebar__filter">
+      <label class="visually-hidden" for="admin-nav-filter">Filter navigation items</label>
+      <input
+        type="search"
+        id="admin-nav-filter"
+        autocomplete="off"
+        spellcheck="false"
+        placeholder="Start typing to filter..."
+      >
+    </div>
+  {% endif %}
+
   <div class="admin-sidebar__groups">
     {% if available_apps %}
       {% grouped_admin_nav_apps available_apps as nav_apps %}

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

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: vanta-admin
-Version: 0.4.0
+Version: 0.5.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
@@ -35,7 +35,9 @@ feels more deliberate in everyday use.
 ## What It Adds
 
 - 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.
 - 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
   two-factor auth pages.
 - Denser dashboards, tables, filters, messages, and forms so admin work feels