feat(lightbox): restyle web alt-text strip to match
This commit is contained in:
@@ -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}
|
||||||
|
|||||||
Reference in New Issue
Block a user