bug: fix image and pdf link functions

Author: hobbytp

assets/css/lightbox.css

@@ -27,14 +27,19 @@
   max-width: 90%;
   max-height: 90vh;
   object-fit: contain;
-  box-shadow: 0 0 20px rgba(0,0,0,0.5);
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
   animation-name: zoom;
   animation-duration: 0.3s;
 }
 
 @keyframes zoom {
-  from {transform:scale(0)}
-  to {transform:scale(1)}
+  from {
+    transform: scale(0)
+  }
+
+  to {
+    transform: scale(1)
+  }
 }
 
 /* Close Button */
@@ -62,8 +67,12 @@
 .lightbox-image {
   cursor: zoom-in;
   transition: opacity 0.2s;
+  /* Ensure image fits within its container */
+  display: block;
+  max-width: 100%;
+  height: auto;
 }
 
 .lightbox-image:hover {
   opacity: 0.9;
-}
+}

assets/js/pdf-slide.js

@@ -77,7 +77,7 @@ class PdfSlideViewer {
         // Window resize
         window.addEventListener('resize', () => {
             if (this.modal.classList.contains('active')) {
-                this.renderPage(this.pageNum);
+                this.queueRenderPage(this.pageNum);
             }
         });
     }
@@ -173,7 +173,7 @@ class PdfSlideViewer {
         } else {
             // PDF already loaded (e.g. by renderPreview), but we need to ensure UI is synced
             this.pageCountDom.textContent = this.pdfDoc.numPages;
-            this.renderPage(this.pageNum);
+            this.queueRenderPage(this.pageNum);
             this.hideSpinner();
         }
     }
@@ -210,11 +210,20 @@ class PdfSlideViewer {
         }
     }
 
+    /**
+     * Get page info from document, resize canvas accordingly, and render page.
+     * @param num Page number.
+     */
     /**
      * Get page info from document, resize canvas accordingly, and render page.
      * @param num Page number.
      */
     async renderPage(num) {
+        if (this.pageRendering) {
+            this.pageNumPending = num;
+            return;
+        }
+
         this.pageRendering = true;
 
         try {

layouts/_default/_markup/render-image.html

@@ -5,7 +5,11 @@
 
 {{- /* Check if it's a local resource to optimize */ -}}
 {{- if not $u.IsAbs -}}
+{{- /* Strip starting ./ or / for resource lookup */ -}}
 {{- $path := strings.TrimPrefix "./" $u.Path }}
+{{- $path := strings.TrimPrefix "/" $path }}
+
+{{- /* Try to find the resource in page bundle or assets */ -}}
 {{- with or (.Page.Resources.Get $path) (resources.Get $path) -}}
 {{- $isLocal = true -}}
 {{- /* Resize to a reasonable max width for the page flow, e.g., 1200px */ -}}