vanta-admin 0.9.0__tar.gz → 0.10.0__tar.gz

{vanta_admin-0.9.0/vanta_admin.egg-info → vanta_admin-0.10.0}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: vanta-admin
-Version: 0.9.0
+Version: 0.10.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
@@ -64,6 +64,8 @@ feels more deliberate in everyday use.
   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.
+- A small, normal, and large font-size preference for the admin interface, 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.

{vanta_admin-0.9.0 → vanta_admin-0.10.0}/README.md

@@ -39,6 +39,8 @@ feels more deliberate in everyday use.
   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.
+- A small, normal, and large font-size preference for the admin interface, 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.

{vanta_admin-0.9.0 → vanta_admin-0.10.0}/pyproject.toml

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

@@ -563,18 +563,29 @@ html[data-theme="light"] .admin-sidebar__account-summary {
 }
 
 .admin-sidebar__theme-controls,
-.admin-sidebar__time-controls {
+.admin-sidebar__time-controls,
+.admin-sidebar__font-size-controls {
   display: grid;
-  grid-template-columns: 1fr 1fr;
   gap: 0.18rem;
   padding: 0.14rem;
-  width: 4.18rem;
   border-radius: 0.3rem;
   background: var(--surface-muted);
 }
 
+.admin-sidebar__theme-controls,
+.admin-sidebar__time-controls {
+  grid-template-columns: 1fr 1fr;
+  width: 4.18rem;
+}
+
+.admin-sidebar__font-size-controls {
+  grid-template-columns: repeat(3, 1fr);
+  width: 4.18rem;
+}
+
 .admin-sidebar__theme-button,
-.admin-sidebar__time-button {
+.admin-sidebar__time-button,
+.admin-sidebar__font-size-button {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -595,6 +606,10 @@ html[data-theme="light"] .admin-sidebar__account-summary {
   letter-spacing: 0;
 }
 
+.admin-sidebar__font-size-button {
+  letter-spacing: 0;
+}
+
 .admin-sidebar__theme-button svg {
   width: 0.78rem;
   height: 0.78rem;
@@ -602,7 +617,8 @@ html[data-theme="light"] .admin-sidebar__account-summary {
 
 html[data-theme="dark"] .admin-sidebar__theme-button--dark,
 html[data-theme="light"] .admin-sidebar__theme-button--light,
-.admin-sidebar__time-button[aria-pressed="true"] {
+.admin-sidebar__time-button[aria-pressed="true"],
+.admin-sidebar__font-size-button[aria-pressed="true"] {
   color: var(--accent-strong);
   background: var(--accent-soft);
 }
@@ -611,7 +627,8 @@ html[data-theme="light"] .admin-sidebar__theme-button--light {
   background: var(--accent-softer);
 }
 
-html[data-theme="light"] .admin-sidebar__time-button[aria-pressed="true"] {
+html[data-theme="light"] .admin-sidebar__time-button[aria-pressed="true"],
+html[data-theme="light"] .admin-sidebar__font-size-button[aria-pressed="true"] {
   background: var(--accent-softer);
 }
 

{vanta_admin-0.9.0 → vanta_admin-0.10.0}/vanta_admin/static/admin/css/theme.base.css

@@ -5,6 +5,10 @@ body {
   min-height: 100%;
 }
 
+html {
+  font-size: var(--admin-font-size);
+}
+
 body {
   margin: 0;
   color: var(--admin-text);

{vanta_admin-0.9.0 → vanta_admin-0.10.0}/vanta_admin/static/admin/css/theme.tokens.css

@@ -17,12 +17,21 @@
   --admin-radius-xl: var(--radius-xl);
   --admin-transition: 160ms ease;
   --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
+  --admin-font-size: 100%;
   --site-font-body: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
   --site-font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;
   --admin-font-family: var(--site-font-body);
   --admin-error-font: Arial, "Helvetica Neue", Helvetica, sans-serif;
 }
 
+html[data-admin-font-size="small"] {
+  --admin-font-size: 94%;
+}
+
+html[data-admin-font-size="large"] {
+  --admin-font-size: 108%;
+}
+
 :root,
 html[data-theme="dark"],
 body[data-theme="dark"],

{vanta_admin-0.9.0 → vanta_admin-0.10.0}/vanta_admin/static/admin/js/vanta-theme.js

@@ -3,10 +3,13 @@
 {
     const validThemeValues = new Set(['light', 'dark']);
     const validTimeFormatValues = new Set(['12', '24']);
+    const validFontSizeValues = new Set(['small', 'normal', 'large']);
     const timeFormatStorageKey = 'django.admin.theme.timeFormat';
+    const fontSizeStorageKey = 'django.admin.theme.fontSize';
     const root = document.documentElement;
     const themeButtons = document.querySelectorAll('[data-admin-theme-value]');
     const timeFormatButtons = document.querySelectorAll('[data-admin-time-format-value]');
+    const fontSizeButtons = document.querySelectorAll('[data-admin-font-size-value]');
 
     function updateThemeButtons(theme) {
         themeButtons.forEach((button) => {
@@ -30,6 +33,27 @@
         });
     }
 
+    function updateFontSizeButtons(fontSize) {
+        fontSizeButtons.forEach((button) => {
+            button.setAttribute('aria-pressed', String(button.dataset.adminFontSizeValue === fontSize));
+        });
+    }
+
+    function applyFontSize(fontSize) {
+        if (!validFontSizeValues.has(fontSize)) {
+            return;
+        }
+
+        if (fontSize === 'normal') {
+            delete root.dataset.adminFontSize;
+        } else {
+            root.dataset.adminFontSize = fontSize;
+        }
+
+        localStorage.setItem(fontSizeStorageKey, fontSize);
+        updateFontSizeButtons(fontSize);
+    }
+
     function formatHour(hour, meridiem) {
         let formattedHour = Number(hour);
 
@@ -150,4 +174,14 @@
             applyTimeFormat(button.dataset.adminTimeFormatValue);
         });
     });
+
+    const storedFontSize = localStorage.getItem(fontSizeStorageKey);
+    const initialFontSize = validFontSizeValues.has(storedFontSize) ? storedFontSize : 'normal';
+    applyFontSize(initialFontSize);
+
+    fontSizeButtons.forEach((button) => {
+        button.addEventListener('click', () => {
+            applyFontSize(button.dataset.adminFontSizeValue);
+        });
+    });
 }

{vanta_admin-0.9.0 → vanta_admin-0.10.0}/vanta_admin/templates/admin/nav_sidebar.html

@@ -18,6 +18,7 @@
   <symbol id="admin-icon-alert-triangle" viewBox="0 0 24 24"><path d="M10.3 4.3 2.8 17.2A2 2 0 0 0 4.5 20h15a2 2 0 0 0 1.7-2.8L13.7 4.3a2 2 0 0 0-3.4 0Z" /><path d="M12 9v4" /><path d="M12 17h.01" /></symbol>
   <symbol id="admin-icon-heart" viewBox="0 0 24 24"><path d="M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8Z" transform="translate(12 12) scale(.82) translate(-12 -12)" fill="currentColor" stroke="none" /></symbol>
   <symbol id="admin-icon-clock" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" /><path d="M12 7v6l4 2" /></symbol>
+  <symbol id="admin-icon-font-size" viewBox="0 0 24 24"><path d="M4 19 9 5h2l5 14" /><path d="M6.4 13h7.2" /><path d="M15 11h5" /><path d="M17.5 8.5v5" /></symbol>
   <symbol id="admin-icon-sun" viewBox="0 0 24 24"><circle cx="12" cy="12" r="4" /><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41" /></symbol>
   <symbol id="admin-icon-moon" viewBox="0 0 24 24"><path d="M21 12.8A8.5 8.5 0 1 1 11.2 3 6.7 6.7 0 0 0 21 12.8Z" /></symbol>
   <symbol id="admin-icon-options" viewBox="0 0 512 512">
@@ -171,6 +172,23 @@
               </button>
             </span>
           </div>
+          <div class="admin-sidebar__display-row">
+            <span class="admin-sidebar__display-label">
+              <svg aria-hidden="true"><use href="#admin-icon-font-size"></use></svg>
+              <span>Font size</span>
+            </span>
+            <span class="admin-sidebar__font-size-controls" aria-label="Font size controls">
+              <button class="admin-sidebar__font-size-button" type="button" data-admin-font-size-value="small">
+                <span>S</span>
+              </button>
+              <button class="admin-sidebar__font-size-button" type="button" data-admin-font-size-value="normal">
+                <span>M</span>
+              </button>
+              <button class="admin-sidebar__font-size-button" type="button" data-admin-font-size-value="large">
+                <span>L</span>
+              </button>
+            </span>
+          </div>
         </div>
 
         <div class="admin-sidebar__account-section admin-sidebar__account-links">

{vanta_admin-0.9.0 → vanta_admin-0.10.0/vanta_admin.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: vanta-admin
-Version: 0.9.0
+Version: 0.10.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
@@ -64,6 +64,8 @@ feels more deliberate in everyday use.
   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.
+- A small, normal, and large font-size preference for the admin interface, 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.