Skip to content

Commit

Permalink
Revert "Fix wide image overflowing from the thumbnail container (#8663)…
Browse files Browse the repository at this point in the history
…" (#8709)

This reverts commit 5082d67.
  • Loading branch information
robintown committed May 27, 2022
1 parent 15c2fb6 commit f47121e
Showing 1 changed file with 5 additions and 16 deletions.
21 changes: 5 additions & 16 deletions res/css/views/messages/_MImageBody.scss
Original file line number Diff line number Diff line change
Expand Up @@ -54,23 +54,12 @@ $timeline-image-border-radius: 8px;
}
}

.mx_MImageBody {
.mx_MImageBody_thumbnail_container {
border-radius: $timeline-image-border-radius;

// Necessary for the border radius to apply correctly to the placeholder
overflow: hidden;
contain: paint;

// Override inline max-width value to avoid overflow
max-width: 100% !important;
.mx_MImageBody_thumbnail_container {
border-radius: $timeline-image-border-radius;

.mx_MImageBody_thumbnail {
// Apply the border radius to an image directly.
// This is necessary for images smaller than the placeholder.
border-radius: $timeline-image-border-radius;
}
}
// Necessary for the border radius to apply correctly to the placeholder
overflow: hidden;
contain: paint;
}

.mx_MImageBody_thumbnail {
Expand Down

0 comments on commit f47121e

Please sign in to comment.