Changeset 38120c7 in Klonkt for src/views/partials

Timestamp:

06/30/2026 11:38:24 PM (2 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

2a58d76

Parents:

86fa2d2

Message:

fix(feed): video covers fill the square thumbnail (object-fit:cover), centered — incl. desktop

The desktop list-cover rule was .post-list-cover img (img only), so a federated <video> cover was
unstyled = rendered at its intrinsic size (e.g. 640x360), overflowing the square slot from the
top-left. Add video to that rule so it gets width/height:100% + object-fit:cover + center (fill the
square, keep aspect, crop the overflow). Reverted the earlier object-fit:contain — the ask is cover,
not letterbox. style.css buster 65 -> 66.

Co-Authored-By: Claude <noreply@…>

File:

• src/views/partials/post-card.ejs (modified) (1 diff)

src/views/partials/post-card.ejs

@@ -154 +154 @@
   }
   .post-list-cover img.is-loading { opacity: 0; }
-  /* A video cover keeps its aspect ratio (centered, letterboxed) in the square slot, not zoom-cropped. */
-  .post-list-cover video { object-fit: contain; background: var(--paper-2, #0a0e1a); }
 
   /* Re-apply rounded corners on slightly larger phones */