Increase hit slop for web's app language picker (#3535)
* fix: make app language picker tap region larger * fix: add right padding on drawer signup card noticeable on portuguese language * fix: mimic hitSlopzio/stable
parent
a8c1e71907
commit
196dd3a8ab
|
@ -29,7 +29,16 @@ export function AppLanguageDropdown() {
|
|||
)
|
||||
|
||||
return (
|
||||
<View style={[a.flex_row, a.gap_sm, a.align_center, a.flex_shrink]}>
|
||||
<View
|
||||
style={[
|
||||
// We don't have hitSlop here to increase the tap region,
|
||||
// alternative is negative margins.
|
||||
{height: 32, marginVertical: -((32 - 14) / 2)},
|
||||
a.flex_row,
|
||||
a.gap_sm,
|
||||
a.align_center,
|
||||
a.flex_shrink,
|
||||
]}>
|
||||
<Text aria-hidden={true} style={t.atoms.text_contrast_medium}>
|
||||
{APP_LANGUAGES.find(l => l.code2 === sanitizedLang)?.name}
|
||||
</Text>
|
||||
|
|
|
@ -224,7 +224,9 @@ let DrawerContent = ({}: {}): React.ReactNode => {
|
|||
/>
|
||||
</View>
|
||||
) : (
|
||||
<NavSignupCard />
|
||||
<View style={{paddingRight: 20}}>
|
||||
<NavSignupCard />
|
||||
</View>
|
||||
)}
|
||||
|
||||
{hasSession ? (
|
||||
|
|
Loading…
Reference in New Issue