zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

fix: make alt text selectable in Lightbox (#2563)

zio/stable
Kyrylo Pronskykh 2024-01-19 07:02:49 +01:00 committed by GitHub
parent 34c1aebda6
commit d514b13d62
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/view/com/lightbox/Lightbox.tsx
View File

@ -1,5 +1,5 @@
import React from 'react' import React from 'react'
import {Pressable, StyleSheet, View} from 'react-native' import {StyleSheet, View, Pressable} from 'react-native'
import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
import ImageView from './ImageViewing' import ImageView from './ImageViewing'
import {shareImageModal, saveImageToMediaLibrary} from 'lib/media/manip' import {shareImageModal, saveImageToMediaLibrary} from 'lib/media/manip'
@ -107,12 +107,16 @@ function LightboxFooter({imageIndex}: {imageIndex: number}) {
{altText ? ( {altText ? (
<Pressable <Pressable
onPress={() => setAltExpanded(!isAltExpanded)} onPress={() => setAltExpanded(!isAltExpanded)}
onLongPress={() => {}}
accessibilityRole="button"> accessibilityRole="button">
<Text <View>
style={[s.gray3, styles.footerText]} <Text
numberOfLines={isAltExpanded ? undefined : 3}> selectable
{altText} style={[s.gray3, styles.footerText]}
</Text> numberOfLines={isAltExpanded ? undefined : 3}>
{altText}
</Text>
</View>
</Pressable> </Pressable>
) : null} ) : null}
<View style={styles.footerBtns}> <View style={styles.footerBtns}>