From d288d4893bf5fbd53e4b8e69fb5e687d9143f714 Mon Sep 17 00:00:00 2001
From: Alessio <me@playfulpachyderm.com>
Date: Sun, 17 Mar 2024 20:36:44 -0700
Subject: [PATCH] UI: fix DM embedded images from being full-size all the time;
 fix aspect ratios on embedded link preview thumbnails

---
 internal/webserver/static/styles.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/internal/webserver/static/styles.css b/internal/webserver/static/styles.css
index a836c1e..e3f632a 100644
--- a/internal/webserver/static/styles.css
+++ b/internal/webserver/static/styles.css
@@ -273,6 +273,7 @@ a.entity {
 img.embedded-link-preview {
     border-radius: 1em;
     max-width: 100%;
+    height: auto; /* preserve aspect ratio */
 }
 .embedded-link-description {
     color: var(--color-twitter-text-gray);
@@ -945,6 +946,10 @@ ul.space-participants-list li {
 .dm-message-content-container .replying-to-label img.svg-icon {
     width: 1em;
 }
+.dm-embedded-image {
+    max-width: 100%;
+    height: auto; /* preserve aspect ratio */
+}
 .dm-composer-container {
     padding-top: 0.5em;
     border-top: 1px solid var(--color-outline-gray);