paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-03 21:43:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

thumbnails: Handle dinky thumbnail images.

Browse Source 
Fixes: #31502
This commit is contained in:
Karl Stolley
2025-03-28 12:41:47 -04:00
committed by Tim Abbott
parent d9f0fe882d
commit 356028729f
3 changed files with 40 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/postprocess_content.ts
View File

@@ -114,11 +114,22 @@ export function postprocess_content(html: string): string {
const original_width = Number(original_dimensions[0]);
const original_height = Number(original_dimensions[1]);
const font_size_in_use = user_settings.web_font_size_px;
// "Dinky" images are those that are smaller than the
// 10em box reserved for thumbnails
const image_box_em = 10;
const is_dinky_image =
original_width / font_size_in_use <= image_box_em &&
original_height / font_size_in_use <= image_box_em;
const is_portrait_image = original_width <= original_height;
inline_image.setAttribute("width", `${original_width}`);
inline_image.setAttribute("height", `${original_height}`);
if (is_dinky_image) {
inline_image.classList.add("dinky-thumbnail");
}
if (is_portrait_image) {
inline_image.classList.add("portrait-thumbnail");
} else {