From 22db731b6ef5c5cdffea840ed5a9fad100e2a921 Mon Sep 17 00:00:00 2001 From: Matt Date: Wed, 16 Sep 2026 14:32:40 -0500 Subject: [PATCH 1/2] strip 'sizes' attribute so images use correct aspect ratio --- app/views/feeds/read.html.erb | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/views/feeds/read.html.erb b/app/views/feeds/read.html.erb index f55c33c4..2b6f33db 100644 --- a/app/views/feeds/read.html.erb +++ b/app/views/feeds/read.html.erb @@ -1,5 +1,5 @@ <% safe_tags = %w(h1 h2 h3 h4 h5 h6 img video audio source type figure figcaption a p span div pre code hr mark section main em i strong b blockquote cite del ul ol li table thead tbody tr th td br sup sub abbr) -safe_attr = %w(href src srcset sizes alt title id width border object-fit aspect-ratio start controls autoplay muted loop playsinline dir) +safe_attr = %w(href src srcset alt title id width border object-fit aspect-ratio start controls autoplay muted loop playsinline dir) no_style_or_scripts = Loofah::Scrubber.new do |node| if node.name == "style" or node.name == "script" node.remove From 1a3616526dbcf2efb6616a221fd803e203396e8f Mon Sep 17 00:00:00 2001 From: Matt Date: Wed, 16 Sep 2026 14:58:41 -0500 Subject: [PATCH 2/2] fix stretched images and shrink big podcast images --- app/assets/stylesheets/misc.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/app/assets/stylesheets/misc.css b/app/assets/stylesheets/misc.css index e3500604..16786dc7 100644 --- a/app/assets/stylesheets/misc.css +++ b/app/assets/stylesheets/misc.css @@ -53,6 +53,7 @@ details.recent_activity[open] summary h2:before { content: "▼ "; font-size: 0.7em; } + details.recent_activity summary h2:before { content: "► "; font-size: 0.7em; @@ -61,3 +62,17 @@ details.recent_activity summary h2:before { span.reaction_age { font-size: small; } + +img[src*="apple-podcast.png"], +img[src*="spotify.png"], +img[src*="podbean-app.png"], +img[src*="AmazonMusic.png"], +img[src*="iHeartRadio.png"], +img[src*="Podchaser.png"], +img[src*="PlayerFM.png"], +img[src*="YouTube_play_button"] { + max-width: 100px; + width: auto; + height: auto; + margin: 0; +}