Commit 07187d3794ad8d2290f9795fae6662091100fc6b | the-knife

author	Julius Marminge <julius0216@outlook.com> 2026-02-14 23:49:43-08:00
committer	Julius Marminge <julius0216@outlook.com> 2026-02-14 23:49:43-08:00
log	07187d3794ad8d2290f9795fae6662091100fc6b
tree	88838ceb5517d444f6d7ab0a51c414578cf90587
parent	758df838d935e166a264d6141a380e965aeb2961

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

1 files changed, 7 insertions(+), 6 deletions(-)

apps
- web
  - src
    components
    GitActionsControl.tsx

apps/web/src/components/GitActionsControl.tsx+7-6

 @@ -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}
+                    variant="outline"
-                    className="cursor-not-allowed disabled:cursor-not-allowed disabled:pointer-events-auto"
                   />
                 }
               >
 @@ -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>