fix: link-preview images had no height cap, portrait thumbs filled screen

JSKitty · claude · JSKitty · commit 1a3539920825 · 2026-05-10T14:13:50.000+01:00
.dmsg-preview-img used width:100% + height:auto with no upper bound, so
a portrait YouTube thumbnail in a wide chat could render taller than
the viewport. Mirrored the attachment cap (350px) and added
object-fit:cover so portraits get cropped to the cap rather than the
card growing to fit them.

Co-Authored-By: Claude Opus 4.7 (1M context) &lt;noreply@anthropic.com&gt;
diff --git a/src/styles.css b/src/styles.css
@@ -11920,6 +11920,8 @@ hr {
 .dmsg-preview img:not(.favicon):not(.emoji) {
   width: 100%;
   height: auto;
+  max-height: 350px;
+  object-fit: cover;
   border-radius: 4px;
   margin-top: 6px;
 }

Original file line number	Diff line number	Diff line change
`@@ -11920,6 +11920,8 @@ hr {`
`11920`	`11920`	`.dmsg-preview img:not(.favicon):not(.emoji) {`
`11921`	`11921`	`width: 100%;`
`11922`	`11922`	`height: auto;`
	`11923`	`+ max-height: 350px;`
	`11924`	`+ object-fit: cover;`
`11923`	`11925`	`border-radius: 4px;`
`11924`	`11926`	`margin-top: 6px;`
`11925`	`11927`	`}`