feat(lightbox): restyle web alt-text strip to match

This commit is contained in:
vineyardbovines
2026-04-21 12:57:23 -04:00
parent 7dea2bd0d4
commit 96b9a689ba
+8 -2
View File
@@ -227,7 +227,13 @@ function LightboxGallery({
)} )}
</View> </View>
{img.alt ? ( {img.alt ? (
<View style={[a.px_4xl, a.py_2xl, t.atoms.bg, delayedFadeInAnim]}> <View
style={[
a.px_4xl,
a.py_2xl,
{backgroundColor: 'rgba(0, 0, 0, 0.45)'},
delayedFadeInAnim,
]}>
<Pressable <Pressable
accessibilityLabel={_(msg`Expand alt text`)} accessibilityLabel={_(msg`Expand alt text`)}
accessibilityHint={_( accessibilityHint={_(
@@ -237,7 +243,7 @@ function LightboxGallery({
setAltExpanded(!isAltExpanded) setAltExpanded(!isAltExpanded)
}}> }}>
<Text <Text
style={[a.text_md, a.leading_snug]} style={[a.text_md, a.leading_snug, {color: '#fff'}]}
numberOfLines={isAltExpanded ? 0 : 3} numberOfLines={isAltExpanded ? 0 : 3}
ellipsizeMode="tail"> ellipsizeMode="tail">
{img.alt} {img.alt}