fix(embeds): wider card for Tidal, declutter caption while video plays
- Widen the interactive-embed card to min(38rem, 94vw) so the Tidal player (and other audio/video embeds) has enough width. - Hide the title/description caption while a video embed is playing, so the text below it stops squeezing the player small (Twitch). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -18,7 +18,7 @@ export const UrlPreview = style([
|
||||
// so the player chrome / tweet content isn't cramped or clipped. Defined after
|
||||
// UrlPreview so its width wins the cascade.
|
||||
export const UrlPreviewWide = style({
|
||||
width: 'min(34rem, 92vw)',
|
||||
width: 'min(38rem, 94vw)',
|
||||
});
|
||||
|
||||
export const UrlPreviewImg = style([
|
||||
|
||||
@@ -1133,12 +1133,14 @@ function MediaEmbedCard({
|
||||
</Chip>
|
||||
)}
|
||||
</Box>
|
||||
{title && (
|
||||
{/* While a video plays, drop the title/description so the player isn't
|
||||
squeezed by text below it. */}
|
||||
{!(playing && video) && title && (
|
||||
<Text truncate priority="400">
|
||||
<b>{title}</b>
|
||||
</Text>
|
||||
)}
|
||||
{description && (
|
||||
{!(playing && video) && description && (
|
||||
<Text size="T200" priority="300">
|
||||
<UrlPreviewDescription>{description}</UrlPreviewDescription>
|
||||
</Text>
|
||||
|
||||
Reference in New Issue
Block a user