dbrun/blowfish
1
0
Fork 0
mirror of https://github.com/nunocoracao/blowfish.git synced 2026-01-30 16:31:52 +01:00
Code Issues Packages Projects Releases Wiki Activity

Improve resizing for article thumbnails

Browse Source 
Currently, the image is resized to be 600px, which will work for
most images but caused issues for images which have very wide
aspect ratios. This change updates the partials to use a Fill with
an appropriate bounding box, rather than a simple resize.
This commit is contained in:
Chris Banes
2022-12-15 18:26:31 +00:00
committed by GitHub
parent 5f1efb9946
commit 177b0fd567
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/partials/article-link-card.html
View File

@@ -13,7 +13,7 @@
{{- $featured := $images.GetMatch "*feature*" -}}
{{- if not $featured }}{{ $featured = $images.GetMatch "{*cover*,*thumbnail*}" }}{{ end -}}
{{- with $featured -}}
{{ with .Resize "600x" }}
{{ with .Fill "600x600" }}
<div class="w-full thumbnail_card nozoom" style="background-image:url({{ .RelPermalink }});"></div>
{{ end }}
{{- else -}}

2
layouts/partials/article-link.html
View File

@@ -32,7 +32,7 @@
{{- $featured := $images.GetMatch "*feature*" -}}
{{- if not $featured }}{{ $featured = $images.GetMatch "{*cover*,*thumbnail*}" }}{{ end -}}
{{- with $featured -}}
{{ with .Resize "600x" }}
{{ with .Fill "600x400" }}
<div class="{{ $articleImageClasses }}" style="background-image:url({{ .RelPermalink }});"></div>
{{ end }}
{{- else -}}