Changeset 86fa2d2 in Klonkt for src/views/partials/post-card.ejs


Ignore:
Timestamp:
06/30/2026 11:14:27 PM (2 months ago)
Author:
roboburr <roboburr@…>
Branches:
main
Children:
38120c7
Parents:
5f3f9ec
Message:

fix(feed): video covers keep their aspect ratio (contain + centered) in the square slot

A wide video cover was zoom-cropped to fill the square thumbnail (looked "too big"). A video cover
now uses object-fit:contain — the whole video shows centered at its real aspect, letterboxed against
the theme background — while image covers stay object-fit:cover. style.css buster 64 -> 65.

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

File:
1 edited

Legend:

Unmodified
Added
Removed

  • src/views/partials/post-card.ejs

    r5f3f9ec r86fa2d2  
    154154  }
    155155  .post-list-cover img.is-loading { opacity: 0; }
     156  /* A video cover keeps its aspect ratio (centered, letterboxed) in the square slot, not zoom-cropped. */
     157  .post-list-cover video { object-fit: contain; background: var(--paper-2, #0a0e1a); }
    156158
    157159  /* Re-apply rounded corners on slightly larger phones */
Note: See TracChangeset for help on using the changeset viewer.