diff options
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; } |