diff --git a/packages/panels/src/components/sidebar-menu/SidebarMenu.stories.tsx b/packages/panels/src/components/sidebar-menu/SidebarMenu.stories.tsx index 08b420f66..e46c37d57 100644 --- a/packages/panels/src/components/sidebar-menu/SidebarMenu.stories.tsx +++ b/packages/panels/src/components/sidebar-menu/SidebarMenu.stories.tsx @@ -65,6 +65,10 @@ export const Overview = () => { + + + + = ({ return ( = ({ onClick }) => { return ( - + diff --git a/packages/panels/src/components/sidebar-menu/SidebarMenuCollapsible.tsx b/packages/panels/src/components/sidebar-menu/SidebarMenuCollapsible.tsx index 8c3418adf..e86bafefd 100644 --- a/packages/panels/src/components/sidebar-menu/SidebarMenuCollapsible.tsx +++ b/packages/panels/src/components/sidebar-menu/SidebarMenuCollapsible.tsx @@ -46,25 +46,25 @@ export const SidebarMenuCollapsible: React.FC = ({ background={"var(--current-background-color)"} aria-expanded={expanded} > - - + - + + + + + {expanded && ( - + <> {children} - + )} ); diff --git a/packages/panels/src/components/sidebar-menu/SidebarMenuHeading.tsx b/packages/panels/src/components/sidebar-menu/SidebarMenuHeading.tsx index d5b2f03dd..a7ac93634 100644 --- a/packages/panels/src/components/sidebar-menu/SidebarMenuHeading.tsx +++ b/packages/panels/src/components/sidebar-menu/SidebarMenuHeading.tsx @@ -9,7 +9,7 @@ export const SidebarMenuHeading: React.FC = ({ label, }) => { return ( - + {label} diff --git a/packages/panels/src/components/sidebar-menu/SidebarMenuLink.tsx b/packages/panels/src/components/sidebar-menu/SidebarMenuLink.tsx index cbfd57763..41d9dc4d0 100644 --- a/packages/panels/src/components/sidebar-menu/SidebarMenuLink.tsx +++ b/packages/panels/src/components/sidebar-menu/SidebarMenuLink.tsx @@ -65,7 +65,7 @@ export const SidebarMenuLink: React.FC = ({ const innerChildren = ( - {!hasContentLeft && } +