From 8aed8f613d67b49447e9b972f8c29ca5f19eaa02 Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Thu, 1 Oct 2026 22:59:41 -0700 Subject: Tall videos fill the column with no side bars, up to the screen's height Co-Authored-By: Claude Opus 5.5 Claude-Session: https://claude.ai/code/session_01Dmcrt9KyNDKVWFKnb8BREo --- src/features/messages.js | 6 +++--- src/style.css | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) (limited to 'src') diff --git a/src/features/messages.js b/src/features/messages.js index 9b60414..2a1412e 100644 --- a/src/features/messages.js +++ b/src/features/messages.js @@ -5575,10 +5575,10 @@ export function messagesFeature(ctx) { // Pinning the box alone left every one of those a muted restart. const unmutedClips = new Set(); // 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. + // known, never taller than the screen; only a clip taller than that sits + // in a black frame, rather than in a strip at the left. const videoBoxStyle = (d) => d && d.width && d.height - ? `width:100%;aspect-ratio:${d.width}/${d.height};max-height:75vh;object-fit:contain` + ? `width:100%;aspect-ratio:${d.width}/${d.height};max-height:100vh;object-fit:contain` : 'width:100%;aspect-ratio:16/9;object-fit:contain'; function videoNode(url, { stable = false } = {}) { const loud = unmutedClips.has(url); diff --git a/src/style.css b/src/style.css index 6c5fee2..825332a 100644 --- a/src/style.css +++ b/src/style.css @@ -763,7 +763,7 @@ html.no-scroll { overflow: hidden; scrollbar-gutter: auto; } } .lightbox-x:hover { background: rgba(255, 255, 255, .24); } @keyframes lightbox-in { from { opacity: 0; } to { opacity: 1; } } -.note-video { display: block; width: 100%; height: auto; max-height: 75vh; object-fit: contain; border-radius: 10px; margin-top: 6px; background: #000; } +.note-video { display: block; width: 100%; height: auto; max-height: 100vh; object-fit: contain; border-radius: 10px; margin-top: 6px; background: #000; } /* a video plays by itself, muted, while it is on screen; the corner button turns the sound on (see autoplay in messages.js) */ .note-video-box { position: relative; display: block; max-width: 100%; margin-top: 6px; } -- cgit v1.2.3