diff --git a/web/src/ui/timeline/TimelineEvent.css b/web/src/ui/timeline/TimelineEvent.css index 74eae40..200f8eb 100644 --- a/web/src/ui/timeline/TimelineEvent.css +++ b/web/src/ui/timeline/TimelineEvent.css @@ -179,7 +179,7 @@ div.html-body { max-width: 72px; } - span[data-mx-spoiler], span.hicli-spoiler { + span.hicli-spoiler { filter: blur(4px); transition: filter .5s; cursor: pointer; diff --git a/web/src/ui/timeline/content/MessageBody.tsx b/web/src/ui/timeline/content/MessageBody.tsx index 44c8027..f8fb3a7 100644 --- a/web/src/ui/timeline/content/MessageBody.tsx +++ b/web/src/ui/timeline/content/MessageBody.tsx @@ -22,7 +22,7 @@ import { EventContentProps } from "./props.ts" import DownloadIcon from "@/icons/download.svg?react" const onClickHTML = (evt: React.MouseEvent) => { - if ((evt.target as HTMLElement).closest("span[data-mx-spoiler]")?.classList.toggle("spoiler-revealed")) { + if ((evt.target as HTMLElement).closest("span.hicli-spoiler")?.classList.toggle("spoiler-revealed")) { // When unspoilering, don't trigger links and other clickables inside the spoiler evt.preventDefault() }