From 225d46fad6f7150ac04a83728c373fbcd9c3ff0f Mon Sep 17 00:00:00 2001 From: Bruno Windels Date: Thu, 20 Aug 2020 16:03:26 +0200 Subject: [PATCH] prepare styles to have other images (like avatar) in timeline --- src/ui/web/css/timeline.css | 2 +- src/ui/web/session/room/timeline/ImageView.js | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) 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,