Mirrors/gomuks
1
0
Fork 1
mirror of https://github.com/tulir/gomuks.git synced 2025-04-20 10:33:41 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

web/timeline: fix media spoilers

Browse source 
Closes #567
This commit is contained in:
Tulir Asokan 2024-12-25 14:04:18 +02:00
parent 7cad53bb7d
commit eda7d6790e
2 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
web/src/ui/timeline/content/MediaMessageBody.tsx
View file

@ -59,7 +59,10 @@ const MediaMessageBody = ({ event, room, sender }: EventContentProps) => {
} }
} }
const renderMediaElem = !supportsClickToShow || showPreviewsByDefault || clickedShow const renderMediaElem = !supportsClickToShow || showPreviewsByDefault || clickedShow
const renderPlaceholderElem = supportsClickToShow && (!renderMediaElem || !!contentWarning || !loaded) const renderPlaceholderElem = supportsClickToShow
&& (!renderMediaElem
|| (contentWarning && !clickedShow)
|| !loaded)
const isLoadingOnlyCover = !loaded && !contentWarning && renderMediaElem const isLoadingOnlyCover = !loaded && !contentWarning && renderMediaElem
const [mediaContent, containerClass, containerStyle] = useMediaContent(content, event.type, undefined, onLoad) const [mediaContent, containerClass, containerStyle] = useMediaContent(content, event.type, undefined, onLoad)

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

@ -215,6 +215,10 @@ div.media-container {
border-radius: .25rem; border-radius: .25rem;
} }
&:has(> div.empty-placeholder) + img {
filter: blur(16px);
}
& + img { & + img {
/* In order loading=lazy to work, the image has to be visible, /* In order loading=lazy to work, the image has to be visible,
so put it behind the placeholder instead of below */ so put it behind the placeholder instead of below */