southfox/miniflux
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

fix: <img> aspect ratio w/ height: auto

Browse source 
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/
This commit is contained in:
Paul Esch-Laurent 2024-07-07 11:03:49 -05:00 committed by Frédéric Guillot
parent 964698f363
commit 2fbe2df086
1 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
internal/ui/static/css/common.css
View file

@ -1038,6 +1038,10 @@ article.category-has-unread {
max-width: 100%; max-width: 100%;
} }
.entry-content img {
height: auto;
}
.entry-content figure { .entry-content figure {
margin-top: 15px; margin-top: 15px;
margin-bottom: 15px; margin-bottom: 15px;