mystiq/hydrogen-web
Archived
4
1
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity

prepare styles to have other images (like avatar) in timeline

Browse source
This commit is contained in:
Bruno Windels 2020-08-20 16:03:26 +02:00
parent 5d0ee21267
commit 225d46fad6
2 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/ui/web/css/timeline.css
View file

@ -45,7 +45,7 @@ limitations under the License.
replace with css aspect-ratio once supported */ replace with css aspect-ratio once supported */
} }
.message-container img { .message-container img.picture {
display: block; display: block;
position: absolute; position: absolute;
top: 0; top: 0;

1
src/ui/web/session/room/timeline/ImageView.js
View file

@ -22,6 +22,7 @@ export class ImageView extends TemplateView {
// replace with css aspect-ratio once supported // replace with css aspect-ratio once supported
const heightRatioPercent = (vm.thumbnailHeight / vm.thumbnailWidth) * 100; const heightRatioPercent = (vm.thumbnailHeight / vm.thumbnailWidth) * 100;
const image = t.img({ const image = t.img({
className: "picture",
src: vm.thumbnailUrl, src: vm.thumbnailUrl,
width: vm.thumbnailWidth, width: vm.thumbnailWidth,
height: vm.thumbnailHeight, height: vm.thumbnailHeight,