Changeset 86fa2d2 in Klonkt for src/views


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@…>

Location:
src/views
Files:
2 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 */

  • src/views/shell.ejs

    r5f3f9ec r86fa2d2  
    216216
    217217<!-- v9 stylesheet (full palette system) -->
    218 <link rel="stylesheet" href="/assets/css/style.css?v=64">
     218<link rel="stylesheet" href="/assets/css/style.css?v=65">
    219219<script>
    220220/* iOS safe-area, built by hand. env(safe-area-inset-top) resolves to 0 on this iOS in
Note: See TracChangeset for help on using the changeset viewer.