load images when they becomes partly into view

This commit is contained in:
Bruno Windels 2020-11-02 14:49:59 +01:00
parent 8642981fb8
commit 9131cf00a3

View File

@ -561,6 +561,13 @@ so the timeline doesn't jump when the image loads */
align-self: start;
border-radius: 4px;
}
/* stretch the image (to the spacer) on platforms
where we can trust the spacer to always have the correct height,
otherwise the image starts with height 0 and with loading=lazy
only loads when the top comes into view*/
.hydrogen:not(.legacy) .message-container .picture > img {
align-self: stretch;
}
.message-container .picture > time {
align-self: end;