n/nyxmuks
1
0
Fork 0
forked from Mirrors/gomuks
Code Pull requests Activity

web/timeline: re-add loading=lazy for images

Browse source
This commit is contained in:
Tulir Asokan 2024-12-02 23:33:52 +02:00
parent 12f9031ab1
commit 229751a286
2 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
web/src/ui/timeline/content/index.css
View file

@ -224,6 +224,14 @@ div.media-container {
user-select: none; user-select: none;
border-radius: .25rem; border-radius: .25rem;
} }
& + img {
/* In order loading=lazy to work, the image has to be visible,
so put it behind the placeholder instead of below */
position: absolute;
top: 0;
z-index: -1;
}
} }
> a { > a {

1
web/src/ui/timeline/content/useMediaContent.tsx
View file

@ -33,6 +33,7 @@ export const useMediaContent = (
const style = calculateMediaSize(content.info?.w, content.info?.h, containerSize) const style = calculateMediaSize(content.info?.w, content.info?.h, containerSize)
return [<img return [<img
onLoad={onLoad} onLoad={onLoad}
loading="lazy"
style={style.media} style={style.media}
src={mediaURL} src={mediaURL}
alt={content.filename ?? content.body} alt={content.filename ?? content.body}