fix: set the height and width attributes for image resources (#274)

Closes #242
hugomods · Oct 25, 2024 · 4b09871 · 4b09871
1 parent 36af817
commit 4b09871
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 4 deletions.
diff --git a/assets/search/js/renderer.ts b/assets/search/js/renderer.ts
@@ -45,7 +45,7 @@ export default class Renderer {
         }
 
         return this.statistics
-    }
+    }""
 
     private getLang(): string {
         if (!this.lang) {
@@ -63,7 +63,15 @@ export default class Renderer {
 
     icon(page) {
         if (page.img) {
-            return `<img class="search-result-img" src="${this.url(page, page.img)}" />`
+            let h = ''
+            let w = ''
+            if (page.img_h) {
+                h = ` height="${page.img_h}"`
+            }
+            if (page.img_w) {
+                w = ` width="${page.img_w}"`
+            }
+            return `<img class="search-result-img" src="${page.img}"${w}${h} />`
         }
 
         return page.kind in params.icons ? params.icons[page.kind] : params.icons.page

diff --git a/assets/search/scss/_result.scss b/assets/search/scss/_result.scss
@@ -7,7 +7,8 @@
 }
 
 .search-result-img {
-    height: 48px;
+    height: 64px;
+    width: auto;
 }
 
 .search-result-content {

diff --git a/layouts/partials/search/index.json.html b/layouts/partials/search/index.json.html
@@ -23,7 +23,15 @@
   {{- if or $page.Params.images ($page.Resources.GetMatch "{*feature*,*cover*,*thumbnail*}") -}}
     {{- with partial "_funcs/get-page-images" $page -}}
       {{- $img := index . 0 -}}
-      {{- $item.Set "img" $img.RelPermalink -}}
+      {{- $item.Set "img" $img.Permalink -}}
+      {{- with $img.Image -}}
+        {{- with .Width -}}
+          {{- $item.Set "img_w" . -}}
+        {{- end -}}
+        {{- with .Height -}}
+          {{- $item.Set "img_h" . -}}
+        {{- end -}}
+      {{- end -}}
     {{- end -}}
   {{- end -}}
   {{- if default true site.Params.search.index_headings -}}