aboutsummaryrefslogtreecommitdiffstats
path: root/src/features
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2026-10-01 22:54:56 -0700
committerAdam Soltys <[email protected]>2026-10-01 22:54:56 -0700
commit97b971fea8b4436d75ff4e4a76c4a1f54e3903ff (patch)
tree9b30f9cc83fe005dad494f81c401f7ca7c44492e /src/features
parent23f18ff13e0a8c612d04727de2ccfadf2d13ff7c (diff)
downloadcoinosv3-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.js7
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);