paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-04 22:13:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

thumbnails: Reference media anchors, images, and video by class.

Browse Source
This commit is contained in:
Karl Stolley
2025-04-08 15:00:13 -05:00
committed by Tim Abbott
parent 1dc87be1db
commit 4e19e82f64
3 changed files with 57 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
web/src/postprocess_content.ts
View File

@@ -52,6 +52,26 @@ export function postprocess_content(html: string): string {
elt.removeAttribute("target");
}
if (elt.querySelector("img") || elt.querySelector("video")) {
// We want a class to refer to media links
elt.classList.add("media-anchor-element");
// Add a class to the video, if it exists
if (elt.querySelector("video")) {
elt.querySelector("video")?.classList.add("media-video-element");
}
// Add a class to the image, if it exists
if (elt.querySelector("img")) {
elt.querySelector("img")?.classList.add("media-image-element");
}
}
if (elt.querySelector("video")) {
// We want a class to refer to media links
elt.classList.add("media-anchor-element");
// And likewise a class to refer to image elements
elt.querySelector("video")?.classList.add("media-image-element");
}
// Update older, smaller default.jpg YouTube preview images
// with higher-quality preview images (320px wide)
if (elt.parentElement?.classList.contains("youtube-video")) {