forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Alt text followups -- SLIGHTLY larger, and update gifs (#4252)
* Bump up the alt text indicator's text size just a smidge
* Update the GIF alt indicator to match images (right side, visually smaller on mobile)
authored by
Paul Frazee
and committed by
GitHub
efdfb7f5
19ee89ca
+8
-8
+1
-1
src/view/com/util/images/Gallery.tsx
+1
-1
src/view/com/util/images/Gallery.tsx
+6
-6
src/view/com/util/post-embeds/GifEmbed.tsx
+6
-6
src/view/com/util/post-embeds/GifEmbed.tsx
···
5
5
import {msg, Trans} from '@lingui/macro'
6
6
import {useLingui} from '@lingui/react'
7
7
8
-
import {HITSLOP_10} from '#/lib/constants'
8
+
import {HITSLOP_20} from '#/lib/constants'
9
9
import {parseAltFromGIFDescription} from '#/lib/gif-alt-text'
10
10
import {isWeb} from '#/platform/detection'
11
11
import {EmbedPlayerParams} from 'lib/strings/embed-player'
···
166
166
accessibilityRole="button"
167
167
accessibilityLabel={_(msg`Show alt text`)}
168
168
accessibilityHint=""
169
-
hitSlop={HITSLOP_10}
169
+
hitSlop={HITSLOP_20}
170
170
onPress={control.open}
171
171
style={styles.altContainer}>
172
172
<Text style={styles.alt} accessible={false}>
···
195
195
altContainer: {
196
196
backgroundColor: 'rgba(0, 0, 0, 0.75)',
197
197
borderRadius: 6,
198
-
paddingHorizontal: 6,
199
-
paddingVertical: 3,
198
+
paddingHorizontal: isWeb ? 8 : 6,
199
+
paddingVertical: isWeb ? 6 : 3,
200
200
position: 'absolute',
201
201
// Related to margin/gap hack. This keeps the alt label in the same position
202
202
// on all platforms
203
-
left: isWeb ? 8 : 5,
203
+
right: isWeb ? 8 : 5,
204
204
bottom: isWeb ? 8 : 5,
205
205
zIndex: 2,
206
206
},
207
207
alt: {
208
208
color: 'white',
209
-
fontSize: 10,
209
+
fontSize: isWeb ? 10 : 7,
210
210
fontWeight: 'bold',
211
211
},
212
212
})