diff options
| author | Adam Soltys <[email protected]> | 2026-10-01 22:54:56 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-10-01 22:54:56 -0700 |
| commit | 97b971fea8b4436d75ff4e4a76c4a1f54e3903ff (patch) | |
| tree | 9b30f9cc83fe005dad494f81c401f7ca7c44492e /src/features | |
| parent | 23f18ff13e0a8c612d04727de2ccfadf2d13ff7c (diff) | |
| download | coinosv3-97b971fea8b4436d75ff4e4a76c4a1f54e3903ff.tar.gz coinosv3-97b971fea8b4436d75ff4e4a76c4a1f54e3903ff.zip | |
Videos in posts span the column instead of a narrow strip at the left
A tall clip was 360px high at most (profile, thread) or sized to its own
width (feed), leaving most of the post blank. Now every inline video is
the column's width, up to three quarters of the screen tall, letterboxed.
Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Dmcrt9KyNDKVWFKnb8BREo
Diffstat (limited to 'src/features')
| -rw-r--r-- | src/features/messages.js | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/src/features/messages.js b/src/features/messages.js index 45098df..9b60414 100644 --- a/src/features/messages.js +++ b/src/features/messages.js @@ -5574,10 +5574,11 @@ export function messagesFeature(ctx) { // window unmounting the row and mounting it again, a quoted note loading. // Pinning the box alone left every one of those a muted restart. const unmutedClips = new Set(); - // A feed box takes the clip's own shape when it's known, as wide as the - // column allows but never taller than three quarters of the screen. + // A feed box spans the column and takes the clip's own shape when it's + // known, never taller than three quarters of the screen; a tall clip sits + // in the middle of a black frame rather than in a strip at the left. const videoBoxStyle = (d) => d && d.width && d.height - ? `width:min(100%, calc(75vh * ${d.width} / ${d.height}));aspect-ratio:${d.width}/${d.height};max-height:none;object-fit:contain` + ? `width:100%;aspect-ratio:${d.width}/${d.height};max-height:75vh;object-fit:contain` : 'width:100%;aspect-ratio:16/9;object-fit:contain'; function videoNode(url, { stable = false } = {}) { const loud = unmutedClips.has(url); |
