diff options
| author | Hailey <me@haileyok.com> | 2024-07-10 12:25:44 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-07-10 20:25:44 +0100 |
| commit | 65b5d31b581ad9f6c46a76175643437cd113903b (patch) | |
| tree | 451352673daaf7c4a2850aee6c08f2aebf60bc2e /src | |
| parent | fa64d9393b9ab2cb420c900b2b843f48cf647807 (diff) | |
| download | voidsky-65b5d31b581ad9f6c46a76175643437cd113903b.tar.zst | |
Fix alt text for GIFs (#4766)
* fix alt text dialog for gifs * only apply to native
Diffstat (limited to 'src')
| -rw-r--r-- | src/view/com/composer/GifAltText.tsx | 9 | ||||
| -rw-r--r-- | src/view/com/util/post-embeds/GifEmbed.tsx | 13 |
2 files changed, 18 insertions, 4 deletions
diff --git a/src/view/com/composer/GifAltText.tsx b/src/view/com/composer/GifAltText.tsx index b1f10bf2f..b7690e102 100644 --- a/src/view/com/composer/GifAltText.tsx +++ b/src/view/com/composer/GifAltText.tsx @@ -174,8 +174,13 @@ function AltTextInner({ <Text style={[a.text_2xl, a.font_bold, a.leading_tight, a.pb_sm]}> <Trans>Add alt text</Trans> </Text> - <View style={[a.w_full, a.align_center, native({maxHeight: 200})]}> - <GifEmbed link={link} params={params} hideAlt /> + <View style={[a.align_center]}> + <GifEmbed + link={link} + params={params} + hideAlt + style={[native({maxHeight: 225})]} + /> </View> </View> </View> diff --git a/src/view/com/util/post-embeds/GifEmbed.tsx b/src/view/com/util/post-embeds/GifEmbed.tsx index 5e3a69391..31c4419b5 100644 --- a/src/view/com/util/post-embeds/GifEmbed.tsx +++ b/src/view/com/util/post-embeds/GifEmbed.tsx @@ -1,5 +1,12 @@ import React from 'react' -import {Pressable, StyleSheet, TouchableOpacity, View} from 'react-native' +import { + Pressable, + StyleProp, + StyleSheet, + TouchableOpacity, + View, + ViewStyle, +} from 'react-native' import {AppBskyEmbedExternal} from '@atproto/api' import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' import {msg, Trans} from '@lingui/macro' @@ -89,10 +96,12 @@ export function GifEmbed({ params, link, hideAlt, + style = {width: '100%'}, }: { params: EmbedPlayerParams link: AppBskyEmbedExternal.ViewExternal hideAlt?: boolean + style?: StyleProp<ViewStyle> }) { const {_} = useLingui() const autoplayDisabled = useAutoplayDisabled() @@ -124,7 +133,7 @@ export function GifEmbed({ ) return ( - <View style={[a.rounded_sm, a.overflow_hidden, a.mt_sm, {width: '100%'}]}> + <View style={[a.rounded_sm, a.overflow_hidden, a.mt_sm, style]}> <View style={[ a.rounded_sm, |