Marco/infoalloggi-monorepo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 6 Wiki Activity Actions

refactor: fix sidebar expand functionality and improve button accessibility

Browse source
This commit is contained in:
Marco Pedone 2025-11-17 17:29:47 +01:00
parent affc441cfc
commit 88bf525ae4
1 changed files with 14 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
apps/infoalloggi/src/components/area-riservata/sidebar.tsx
View file

@ -33,26 +33,29 @@ export const Sidebar = ({
setIsAnimating(false);
}, 300);
};
//todo click to expand not working on direct links when minimized
return (
<motion.nav
animate={{ width: minimized ? 55 : 192 }}
aria-label="Sidebar Menu"
className={cn(
"z-30 hidden h-auto w-48 shrink-0 space-y-4 border-muted border-r bg-background pt-3 md:block",
"relative z-30 hidden h-auto w-48 shrink-0 space-y-4 border-muted border-r bg-background pt-3 md:block",
className,
minimized && "cursor-pointer",
)}
onClick={
minimized
? (e) => {
e.preventDefault();
e.stopPropagation();
toggleSidebar(false);
}
: undefined
}
>
{minimized && (
<button
aria-label="Expand sidebar"
className="absolute inset-0 z-50 cursor-pointer border-none bg-transparent p-0 hover:bg-black/2"
onClick={(e) => {
e.preventDefault();
e.stopPropagation();
toggleSidebar(false);
}}
type="button"
/>
)}
<div
className={cn(
"flex h-8 items-center justify-between px-4",