sorb/ThreadNet-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Revert "Fix wide image overflowing from the thumbnail container (#8663)" (#8709)

Browse Source 
This reverts commit 5082d67dc1.
This commit is contained in:
Robin
2022-05-27 17:18:44 +00:00
committed by GitHub
parent 15c2fb6b71
commit f47121ece7
1 changed files with 5 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
res/css/views/messages/_MImageBody.scss
+5 -16
View File
@@ -54,23 +54,12 @@ $timeline-image-border-radius: 8px;
} }
} }
.mx_MImageBody { .mx_MImageBody_thumbnail_container {
.mx_MImageBody_thumbnail_container { border-radius: $timeline-image-border-radius;
border-radius: $timeline-image-border-radius;
// Necessary for the border radius to apply correctly to the placeholder // Necessary for the border radius to apply correctly to the placeholder
overflow: hidden; overflow: hidden;
contain: paint; contain: paint;
// 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 { .mx_MImageBody_thumbnail {