diff --git a/src/ui/web/css/timeline.css b/src/ui/web/css/timeline.css index 14b60b26..469e117f 100644 --- a/src/ui/web/css/timeline.css +++ b/src/ui/web/css/timeline.css @@ -45,7 +45,7 @@ limitations under the License. replace with css aspect-ratio once supported */ } -.message-container img { +.message-container img.picture { display: block; position: absolute; top: 0; diff --git a/src/ui/web/session/room/timeline/ImageView.js b/src/ui/web/session/room/timeline/ImageView.js index 4770510c..69360b75 100644 --- a/src/ui/web/session/room/timeline/ImageView.js +++ b/src/ui/web/session/room/timeline/ImageView.js @@ -22,6 +22,7 @@ export class ImageView extends TemplateView { // replace with css aspect-ratio once supported const heightRatioPercent = (vm.thumbnailHeight / vm.thumbnailWidth) * 100; const image = t.img({ + className: "picture", src: vm.thumbnailUrl, width: vm.thumbnailWidth, height: vm.thumbnailHeight,