esdras/sistema-de-chamados
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix X button focus ring showing on modal open

Browse source 
Change focus: to focus-visible: so the ring only appears
during keyboard navigation, not on initial modal open

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
rever-tecnologia 2025-12-05 09:51:40 -03:00
parent 1ee5b34158
commit 4d158237c6
1 changed files with 1 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/admin/devices/admin-devices-overview.tsx
View file

@ -3943,7 +3943,7 @@ export function DeviceDetails({ device }: DeviceDetailsProps) {
{/* Modal de Controle USB */} {/* Modal de Controle USB */}
<Dialog open={isUsbModalOpen} onOpenChange={setIsUsbModalOpen}> <Dialog open={isUsbModalOpen} onOpenChange={setIsUsbModalOpen}>
<DialogContent className="max-w-xl"> <DialogContent className="max-w-xl">
<DialogClose className="absolute right-4 top-4 p-1.5 rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"> <DialogClose className="absolute right-4 top-4 p-1.5 rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2">
<X className="size-4" /> <X className="size-4" />
<span className="sr-only">Fechar</span> <span className="sr-only">Fechar</span>
</DialogClose> </DialogClose>