Changeset 600fbf3 in Klonkt for src/views/shell.ejs

Timestamp:

06/28/2026 05:29:51 PM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

3038fc9

Parents:

a64d705

Message:

feat(images): accent-gradient placeholder also for timeline feed media

The News-feed media images now show the same accent-gradient placeholder while loading
(with reserved space via :has(), so no blank gap), and fade in once loaded.

• views/pages/news.ejs — .tl-media-img gradient placeholder + img fade + :has min-height
• views/shell.ejs — add .tl-media-img img to the cover fade-in scan

File:

• src/views/shell.ejs (modified) (1 diff)

src/views/shell.ejs

@@ -743 +743 @@
   if (window.__coverFadeWired) return; window.__coverFadeWired = true;
   function scan(root) {
-    (root || document).querySelectorAll('.grid-tile-img, .post-list-cover img').forEach(function (img) {
+    (root || document).querySelectorAll('.grid-tile-img, .post-list-cover img, .tl-media-img img').forEach(function (img) {
       if (img.dataset.fade) return; img.dataset.fade = '1';
       if (img.complete && img.naturalWidth > 0) return;   // already loaded → leave visible