ui: increase size of the hitbox on note ellipsis button

Changelog-Changed: Increase size of the hitbox on note ellipsis button Closes: #1454 Signed-off-by: Daniel D’Aquino <[email protected]> Signed-off-by: William Casarin <[email protected]>
damus-io · Sep 16, 2023 · bfda0d1 · bfda0d1
1 parent 01b8e43
commit bfda0d1
Showing 1 changed file with 13 additions and 6 deletions.
diff --git a/damus/Views/Events/EventMenu.swift b/damus/Views/Events/EventMenu.swift
@@ -26,12 +26,19 @@ struct EventMenuContext: View {
 
     var body: some View {
         HStack {
-            Menu {
-                MenuItems(event: event, keypair: keypair, target_pubkey: target_pubkey, bookmarks: bookmarks, muted_threads: muted_threads, settings: settings)
-            } label: {
-                Label("", systemImage: "ellipsis")
-                    .foregroundColor(Color.gray)
-            }
+            Label("", systemImage: "ellipsis")
+                .foregroundColor(Color.gray)
+                .contentShape(Circle())
+                // Add our Menu button inside an overlay modifier to avoid affecting the rest of the layout around us.
+                .overlay(
+                    Menu {
+                        MenuItems(event: event, keypair: keypair, target_pubkey: target_pubkey, bookmarks: bookmarks, muted_threads: muted_threads, settings: settings)
+                    } label: {
+                        Color.clear
+                    }
+                    // Hitbox frame size
+                    .frame(width: 100, height: 70)
+                )
         }
         .padding([.bottom], 4)
         .contentShape(Rectangle())