simono41/phanpy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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 { .timeline-deck .status .content.truncated ~ .card {
display: none; 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) { .status .content .inner-content a:not(.mention, .has-url-text) {
color: var(--link-text-color); 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) { if (postEnhanceDOM) {
queueMicrotask(() => postEnhanceDOM(dom)); queueMicrotask(() => postEnhanceDOM(dom));
// postEnhanceDOM(dom); // mutate dom // postEnhanceDOM(dom); // mutate dom