mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-16 07:11:15 +03:00
Code Issues Projects Releases Packages Wiki Activity

Handle inline images

Browse source
This commit is contained in:
Lim Chee Aun 2024-05-01 15:05:29 +08:00
parent 11e64a2cc4
commit 77bc06545c
2 changed files with 17 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/status.css
View file

@ -825,6 +825,12 @@
.timeline-deck .status .content.truncated ~ .card {
display: none;
}
.status .content .inner-content {
> img[height] {
height: auto;
aspect-ratio: var(--original-aspect-ratio);
}
}
.status .content .inner-content a:not(.mention, .has-url-text) {
color: var(--link-text-color);
}

11
src/utils/enhance-content.js
View file

@ -242,6 +242,17 @@ function _enhanceContent(content, opts = {}) {
}
}
// ADD ASPECT RATIO TO ALL IMAGES
if (enhancedContent.includes('<img')) {
dom.querySelectorAll('img').forEach((img) => {
const width = img.getAttribute('width') || img.naturalWidth;
const height = img.getAttribute('height') || img.naturalHeight;
if (width && height) {
img.style.setProperty('--original-aspect-ratio', `${width}/${height}`);
}
});
}
if (postEnhanceDOM) {
queueMicrotask(() => postEnhanceDOM(dom));
// postEnhanceDOM(dom); // mutate dom