From 2fbe2df0866183b402c6cb4d15b9d5ce89c6b3ec Mon Sep 17 00:00:00 2001
From: Paul Esch-Laurent <p@uly.io>
Date: Sun, 7 Jul 2024 11:03:49 -0500
Subject: [PATCH] fix: `<img>` aspect ratio w/ `height: auto`

Complement with `max-width: 100%` with a `height: auto` to preserve `<img>` aspect ratios, particularly when it's not wrapped in a block parent e.g. `<p>` or `<figure>` most commonly.

Related: https://www.smashingmagazine.com/2020/03/setting-height-width-images-important-again/
---
 internal/ui/static/css/common.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/internal/ui/static/css/common.css b/internal/ui/static/css/common.css
index 66a6b0f1..d12bc97c 100644
--- a/internal/ui/static/css/common.css
+++ b/internal/ui/static/css/common.css
@@ -1038,6 +1038,10 @@ article.category-has-unread {
     max-width: 100%;
 }
 
+.entry-content img {
+    height: auto;
+}
+
 .entry-content figure {
     margin-top: 15px;
     margin-bottom: 15px;