You've already forked matrix-react-sdk
mirror of
https://github.com/matrix-org/matrix-react-sdk.git
synced 2025-08-07 21:23:00 +03:00
Fix wide image overflowing from the thumbnail container (#8663)
This commit is contained in:
@@ -54,18 +54,29 @@ $timeline-image-border-radius: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.mx_MImageBody_thumbnail_container {
|
||||
border-radius: $timeline-image-border-radius;
|
||||
.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;
|
||||
// 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;
|
||||
min-height: $font-44px;
|
||||
min-width: $font-44px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
// Override inline max-width value to avoid overflow
|
||||
max-width: 100% !important;
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mx_MImageBody_thumbnail {
|
||||
|
Reference in New Issue
Block a user