diff options
| author | Adam Soltys <[email protected]> | 2026-10-01 22:59:41 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-10-01 22:59:41 -0700 |
| commit | 8aed8f613d67b49447e9b972f8c29ca5f19eaa02 (patch) | |
| tree | 13d29b8e8cf2ea5603aeb0baf0a640db9f73ab55 /src | |
| parent | 97b971fea8b4436d75ff4e4a76c4a1f54e3903ff (diff) | |
| download | coinosv3-8aed8f613d67b49447e9b972f8c29ca5f19eaa02.tar.gz coinosv3-8aed8f613d67b49447e9b972f8c29ca5f19eaa02.zip | |
Tall videos fill the column with no side bars, up to the screen's height
Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Dmcrt9KyNDKVWFKnb8BREo
Diffstat (limited to 'src')
| -rw-r--r-- | src/features/messages.js | 6 | ||||
| -rw-r--r-- | src/style.css | 2 |
2 files changed, 4 insertions, 4 deletions
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; } |