about summary refs log tree commit diff
path: root/src/view/com/posts/AviFollowButton.tsx
diff options
context:
space:
mode:
authordan <dan.abramov@gmail.com>2024-11-23 19:13:17 +0000
committerGitHub <noreply@github.com>2024-11-23 19:13:17 +0000
commitb1c1c49897fa291910a8dece9725190f21457132 (patch)
tree0083f0f3ef3063995f01c8ed6fa6bf6187dde46f /src/view/com/posts/AviFollowButton.tsx
parente4284744785495c5832234c79703c1a2f8052b8b (diff)
downloadvoidsky-b1c1c49897fa291910a8dece9725190f21457132.tar.zst
Fix avi button hitslops (#6662)
* Remove web hack from non-web file

* Remove hitSlop on the wrong Pressable

It is not doing anything useful.

* Extend avi column to prevent hit rect clipping

You can't click outside the parent on Android.

* Bump pressed opacity to .8

* Slightly reduce avi button hitslops

* Asymmetric hit slop
Diffstat (limited to 'src/view/com/posts/AviFollowButton.tsx')
-rw-r--r--src/view/com/posts/AviFollowButton.tsx9
1 files changed, 8 insertions, 1 deletions
diff --git a/src/view/com/posts/AviFollowButton.tsx b/src/view/com/posts/AviFollowButton.tsx
index 53e2146f4..1c894bffe 100644
--- a/src/view/com/posts/AviFollowButton.tsx
+++ b/src/view/com/posts/AviFollowButton.tsx
@@ -95,7 +95,14 @@ export function AviFollowButton({
           <NativeDropdown items={items}>
             <View
               style={[
-                {width: 30, height: 30},
+                {
+                  // An asymmetric hit slop
+                  // to prioritize bottom right taps.
+                  paddingTop: 2,
+                  paddingLeft: 2,
+                  paddingBottom: 6,
+                  paddingRight: 6,
+                },
                 a.align_center,
                 a.justify_center,
                 a.rounded_full,