diff options
Diffstat (limited to 'src/components/Post')
3 files changed, 20 insertions, 10 deletions
diff --git a/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/Scrubber.tsx b/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/Scrubber.tsx index d84a90fa6..e4814462f 100644 --- a/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/Scrubber.tsx +++ b/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/Scrubber.tsx @@ -146,6 +146,8 @@ export function Scrubber({ const progress = scrubberActive ? seekPosition : currentTime const progressPercent = (progress / duration) * 100 + if (duration < 3) return null + return ( <View testID="scrubber" diff --git a/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/VideoControls.tsx b/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/VideoControls.tsx index 676b52661..7a54ef486 100644 --- a/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/VideoControls.tsx +++ b/src/components/Post/Embed/VideoEmbed/VideoEmbedInner/web-controls/VideoControls.tsx @@ -373,13 +373,15 @@ export function Controls({ onPress={onPressPlayPause} /> <View style={a.flex_1} /> - <Text - style={[ - a.px_xs, - {color: t.palette.white, fontVariant: ['tabular-nums']}, - ]}> - {formatTime(currentTime)} / {formatTime(duration)} - </Text> + {Math.round(duration) > 0 && ( + <Text + style={[ + a.px_xs, + {color: t.palette.white, fontVariant: ['tabular-nums']}, + ]}> + {formatTime(currentTime)} / {formatTime(duration)} + </Text> + )} {hasSubtitleTrack && ( <ControlButton active={subtitlesEnabled} diff --git a/src/components/Post/Embed/index.tsx b/src/components/Post/Embed/index.tsx index 9c5444b27..8566c2fe6 100644 --- a/src/components/Post/Embed/index.tsx +++ b/src/components/Post/Embed/index.tsx @@ -87,14 +87,18 @@ function MediaEmbed({ switch (embed.type) { case 'images': { return ( - <ContentHider modui={rest.moderation?.ui('contentMedia')}> + <ContentHider + modui={rest.moderation?.ui('contentMedia')} + activeStyle={[a.mt_sm]}> <ImageEmbed embed={embed} {...rest} /> </ContentHider> ) } case 'link': { return ( - <ContentHider modui={rest.moderation?.ui('contentMedia')}> + <ContentHider + modui={rest.moderation?.ui('contentMedia')} + activeStyle={[a.mt_sm]}> <ExternalEmbed link={embed.view.external} onOpen={rest.onOpen} @@ -105,7 +109,9 @@ function MediaEmbed({ } case 'video': { return ( - <ContentHider modui={rest.moderation?.ui('contentMedia')}> + <ContentHider + modui={rest.moderation?.ui('contentMedia')} + activeStyle={[a.mt_sm]}> <VideoEmbed embed={embed.view} /> </ContentHider> ) |