authorgravatar for julius0216@outlook.comJulius Marminge <julius0216@outlook.com> 2026-02-14 23:49:43-08:00
committergravatar for julius0216@outlook.comJulius Marminge <julius0216@outlook.com> 2026-02-14 23:49:43-08:00
log07187d3794ad8d2290f9795fae6662091100fc6b
tree88838ceb5517d444f6d7ab0a51c414578cf90587
parent758df838d935e166a264d6141a380e965aeb2961

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+7-6
......@@ -448,10 +448,10 @@ export default function GitActionsControl({ api, gitCwd }: GitActionsControlProp
448448 openOnHover
449449 render={
450450 <Button
451 variant="outline"
451 aria-disabled="true"
452 className="cursor-not-allowed opacity-64"
452453 size="xs"
453 disabled={isGitActionRunning || quickAction.disabled}
454 className="cursor-not-allowed disabled:cursor-not-allowed disabled:pointer-events-auto"
454 variant="outline"
455455 />
456456 }
457457 >
......@@ -485,7 +485,7 @@ export default function GitActionsControl({ api, gitCwd }: GitActionsControlProp
485485 >
486486 <ChevronDownIcon aria-hidden="true" className="size-4" />
487487 </MenuTrigger>
488 <MenuPopup align="end" sideOffset={4}>
488 <MenuPopup align="end" className="w-full">
489489 {gitActionMenuItems.map((item) => {
490490 const disabledReason = getMenuActionDisabledReason(
491491 item,
......@@ -497,9 +497,10 @@ export default function GitActionsControl({ api, gitCwd }: GitActionsControlProp
497497 <Popover key={`${item.id}-${item.label}`}>
498498 <PopoverTrigger
499499 openOnHover
500 render={<span className="inline-flex w-full cursor-not-allowed" />}
500 nativeButton={false}
501 render={<span className="block w-max cursor-not-allowed" />}
501502 >
502 <MenuItem disabled>
503 <MenuItem className="w-full" disabled>
503504 <GitActionItemIcon icon={item.icon} />
504505 {item.label}
505506 </MenuItem>