fix(image): use width only

charlesrocket · Jan 6, 2025 · ef5ed93 · ef5ed93
1 parent db2ca11
commit ef5ed93
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/sass/_base.scss b/sass/_base.scss
@@ -190,6 +190,7 @@ figure {
 img {
   display: block;
   max-width: 100%;
+  height: auto;
   -ms-interpolation-mode: bicubic;
   image-rendering: optimizeQuality;
   margin: 0 auto;

diff --git a/templates/shortcodes/image.html b/templates/shortcodes/image.html
@@ -11,7 +11,7 @@
   {%- if link %}
   <a href={{ link | safe }}>
   {%- endif %}
-    <img class="align-center page-image" src="{% if src is matching("^http[s]?://") %}{{ image | safe }}{% else %}{{ image ~ "?v=" ~ get_hash(path=image, sha_type=512, base64=false) | safe }}{% endif %}"{% if height or width %}{% if height %} height="{{ height }}"{% endif %}{% if width %} width="{{ width }}"{% endif %}{% elif meta %} width="{{ meta.width }}" height="{{ meta.height }}"{% endif %}{% if alt %} alt="{{ alt | safe }}"{% endif %}/>
+    <img class="align-center page-image" src="{% if src is matching("^http[s]?://") %}{{ image | safe }}{% else %}{{ image ~ "?v=" ~ get_hash(path=image, sha_type=512, base64=false) | safe }}{% endif %}"{% if width %} width="{{ width }}"{% elif meta %} width="{{ meta.width }}" height="{{ meta.height }}"{% endif %}{% if alt %} alt="{{ alt | safe }}"{% endif %}/>
   {%- if link %}</a>{% endif %}
   {%- if caption %}<figcaption>{{ caption | safe }}</figcaption>{% endif %}
 </figure>