From 07187d3794ad8d2290f9795fae6662091100fc6b Mon Sep 17 00:00:00 2001
From: Julius Marminge <julius0216@outlook.com>
Date: Sat, 14 Feb 2026 23:49:43 -0800
Subject: [PATCH] Refine disabled git action styling and menu width

- Style disabled quick-action trigger with `aria-disabled` so hover tooltip still works
- Make git action menu popup/items use full-width layout for cleaner alignment
---
 apps/web/src/components/GitActionsControl.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/apps/web/src/components/GitActionsControl.tsx b/apps/web/src/components/GitActionsControl.tsx
index 5f3b8066feda4eb82fcb2ffaec7ecc687cb803c0..27d9bb68ced5a6f98f507ecb7f1e268ed651dc00 100644
--- a/apps/web/src/components/GitActionsControl.tsx
+++ b/apps/web/src/components/GitActionsControl.tsx
@@ -448,10 +448,10 @@ export default function GitActionsControl({ api, gitCwd }: GitActionsControlProp
                 openOnHover
                 render={
                   <Button
-                    variant="outline"
+                    aria-disabled="true"
+                    className="cursor-not-allowed opacity-64"
                     size="xs"
-                    disabled={isGitActionRunning || quickAction.disabled}
-                    className="cursor-not-allowed disabled:cursor-not-allowed disabled:pointer-events-auto"
+                    variant="outline"
                   />
                 }
               >
@@ -485,7 +485,7 @@ export default function GitActionsControl({ api, gitCwd }: GitActionsControlProp
             >
               <ChevronDownIcon aria-hidden="true" className="size-4" />
             </MenuTrigger>
-            <MenuPopup align="end" sideOffset={4}>
+            <MenuPopup align="end" className="w-full">
               {gitActionMenuItems.map((item) => {
                 const disabledReason = getMenuActionDisabledReason(
                   item,
@@ -497,9 +497,10 @@ export default function GitActionsControl({ api, gitCwd }: GitActionsControlProp
                     <Popover key={`${item.id}-${item.label}`}>
                       <PopoverTrigger
                         openOnHover
-                        render={<span className="inline-flex w-full cursor-not-allowed" />}
+                        nativeButton={false}
+                        render={<span className="block w-max cursor-not-allowed" />}
                       >
-                        <MenuItem disabled>
+                        <MenuItem className="w-full" disabled>
                           <GitActionItemIcon icon={item.icon} />
                           {item.label}
                         </MenuItem>
-- 
2.54.0