UI: fix DM embedded images from being full-size all the time; fix aspect ratios on embedded link preview thumbnails

This commit is contained in:
Alessio 2024-03-17 20:36:44 -07:00
parent 69e0a35e57
commit d288d4893b

View File

@ -273,6 +273,7 @@ a.entity {
img.embedded-link-preview { img.embedded-link-preview {
border-radius: 1em; border-radius: 1em;
max-width: 100%; max-width: 100%;
height: auto; /* preserve aspect ratio */
} }
.embedded-link-description { .embedded-link-description {
color: var(--color-twitter-text-gray); 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 { .dm-message-content-container .replying-to-label img.svg-icon {
width: 1em; width: 1em;
} }
.dm-embedded-image {
max-width: 100%;
height: auto; /* preserve aspect ratio */
}
.dm-composer-container { .dm-composer-container {
padding-top: 0.5em; padding-top: 0.5em;
border-top: 1px solid var(--color-outline-gray); border-top: 1px solid var(--color-outline-gray);