Fix image preview sizing for edge cases (#8322)

This commit is contained in:
Janne Mareike Koschinski 2022-04-14 20:07:34 +02:00 committed by GitHub
parent ffeab40af6
commit 1436f23e2f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 19 additions and 1 deletions

View file

@ -38,6 +38,12 @@ $timeline-image-border-radius: 8px;
// Necessary for the border radius to apply correctly to the placeholder
overflow: hidden;
contain: paint;
min-height: $font-44px;
min-width: $font-44px;
display: flex;
justify-content: center;
align-items: center;
}
.mx_MImageBody_thumbnail {

View file

@ -114,6 +114,11 @@ limitations under the License.
padding-right: 48px;
}
.mx_MImageBody_thumbnail_container {
min-height: calc(1.8rem + var(--gutterSize) + var(--gutterSize));
min-width: calc(1.8rem + var(--gutterSize) + var(--gutterSize));
}
.mx_CallEvent {
background-color: unset;