Properly maintain aspect ratio of inline images (#7503)

This commit is contained in:
Michael Telatynski 2022-01-10 15:32:06 +00:00 committed by GitHub
parent 5cfb046816
commit 3c1ce77d48
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 28 additions and 8 deletions

View file

@ -450,6 +450,15 @@ $left-gutter: 64px;
pre {
border: 1px solid transparent;
}
// selector wrongly applies to pill avatars but those have explicit width/height passed at a higher specificity
&.markdown-body img {
// the image will have max-width and max-height applied during sanitization
width: 100%;
height: 100%;
object-fit: contain;
object-position: left top;
}
}
.mx_EventTile_clamp {