astro-accelerator 4.0.18 → 4.0.20

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.0.18",
+  "version": "4.0.20",
   "author": "Steve Fenton",
   "name": "astro-accelerator",
   "description": "A super-lightweight, accessible, SEO-friendly starter project for Astro",
@@ -32,9 +32,9 @@
   },
   "dependencies": {
     "@astrojs/mdx": "^2.1.1",
-    "astro": "^4.4.0",
+    "astro": "^4.4.3",
     "astro-accelerator-utils": "^0.3.7",
-    "cspell": "^8.3.2",
+    "cspell": "^8.4.1",
     "csv": "^6.3.6",
     "hast-util-from-selector": "^3.0.0",
     "html-to-text": "^9.0.5",

package/public/css/main.css

@@ -304,6 +304,12 @@ nav.skip-links a:focus {
     text-transform: uppercase;
 }
 
+@media (min-width: 338px) {
+    .site-header .site-title {
+        flex-shrink: 0;
+    }
+}
+
 .site-header .navigation-icon {
     stroke: var(--link-head);
 }

package/public/js/modules/figures.js

@@ -2,31 +2,31 @@
  * This javascript file comes from Astro Accelerator
  * Edits will be overwritten if you change the file locally
  */
-import { qs, qsa } from './query.js';
+import { qs, qsa } from "./query.js";
 
-const activeClass = 'magnify-icon';
+const activeClass = "magnify-icon";
 
-/** 
+/**
  * Enables opening image in new tab
-*/
+ */
 function enhanceFigures() {
-    qsa(`figure > p > img`).forEach(node => {
-        const src = node.src;
+  qsa(`figure > p > img, [data-image] > .image__img`).forEach((node) => {
+    const src = node.src;
 
-        const magnify = document.createElement('button');
-        magnify.classList.add(activeClass);
-        magnify.title = 'Enlarge';
+    const magnify = document.createElement("button");
+    magnify.classList.add(activeClass);
+    magnify.title = "Enlarge";
 
-        const magnifyContainer = document.createElement('div');
-        magnifyContainer.className = 'magnify-container';
-        magnifyContainer.appendChild(magnify);
+    const magnifyContainer = document.createElement("div");
+    magnifyContainer.className = "magnify-container";
+    magnifyContainer.appendChild(magnify);
 
-        node.insertAdjacentElement('beforebegin', magnifyContainer);
+    node.insertAdjacentElement("beforebegin", magnifyContainer);
 
-        magnify.addEventListener('click', async () => {
-            window.open(src);
-        });
+    magnify.addEventListener("click", async () => {
+      window.open(src);
     });
+  });
 }
 
-export { enhanceFigures }
+export { enhanceFigures };

package/public/js/modules/nav-mobile.js

@@ -5,6 +5,7 @@
  * Edits will be overwritten if you change the file locally
  */
 import { qs, qsa } from './query.js';
+import { removeScroll, resetScroll } from './scrollbar.js';
 import { getFocusableElement, trapFocusForward, trapReverseFocus } from './focus.js';
 
 /**
@@ -80,11 +81,7 @@ function addMobileNav(resizedEventName) {
     }
 
     function openMobileMenu(){
-        const w1 = document.body.getBoundingClientRect().width;
-        document.body.style.overflow = 'hidden';
-        const w2 = document.body.getBoundingClientRect().width;
-        document.documentElement.style.color = 'red';
-        document.documentElement.style.paddingInlineEnd = (w2 - w1) + 'px';
+        removeScroll();
         
         const menuElement = qs('#' + navigationSelector);
         
@@ -132,8 +129,7 @@ function addMobileNav(resizedEventName) {
     function closeMobileMenu() {
         const menuElement = qs('#' + navigationSelector);
         menuElement.style.display = '';
-        document.body.style.overflow = 'auto';
-        document.documentElement.style.paddingInlineEnd = '0';
+        resetScroll();
 
         if (icon.getAttribute(dataOpen) === dataOpen) {
             overlay.innerHTML = '';

package/public/js/modules/scrollbar.js

@@ -0,0 +1,13 @@
+function removeScroll() {
+    const w1 = document.body.getBoundingClientRect().width;
+    document.body.style.overflow = 'hidden';
+    const w2 = document.body.getBoundingClientRect().width;
+    document.documentElement.style.paddingInlineEnd = (w2 - w1) + 'px';
+}
+
+function resetScroll() {
+    document.body.style.overflow = 'auto';
+    document.documentElement.style.paddingInlineEnd = '0';
+}
+
+export { removeScroll, resetScroll }

package/public/js/search.js

@@ -2,6 +2,7 @@
 
 import { qs } from "./modules/query.js";
 import { raiseEvent } from "./modules/events.js";
+import { removeScroll, resetScroll } from './modules/scrollbar.js';
 import { contains, sanitise, explode, highlight } from "./modules/string.js";
 import { stemmer } from "./modules/stemmer.js";
 
@@ -120,14 +121,14 @@ function initializeSearch() {
   function activateInput() {
     if (siteSearchWrapper.classList.contains("is-active")) return;
     siteSearchWrapper.classList.add("is-active");
-    document.body.style.overflow = "hidden";
+    removeScroll();
   }
 
   function deactivateInput() {
     if (!siteSearchWrapper.classList.contains("is-active")) return;
     siteSearchWrapper.classList.remove("is-active");
     siteSearchInput.blur();
-    document.body.style.overflow = "";
+    resetScroll();
   }
 
   function openDropdown() {