[Account] Prevent account info overflowing on kebab menu (#4555)

mui · Jan 10, 2025 · 26a9ee0 · 26a9ee0
1 parent 3d1a517
commit 26a9ee0
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/docs/data/toolpad/core/components/dashboard-layout/DashboardLayoutAccountSidebar.js b/docs/data/toolpad/core/components/dashboard-layout/DashboardLayoutAccountSidebar.js
@@ -77,7 +77,7 @@ DemoPageContent.propTypes = {
 function AccountSidebarPreview(props) {
   const { handleClick, open, mini } = props;
   return (
-    <Stack direction="column" p={0} overflow="hidden">
+    <Stack direction="column" p={0}>
       <Divider />
       <AccountPreview
         variant={mini ? 'condensed' : 'expanded'}

diff --git a/docs/data/toolpad/core/components/dashboard-layout/DashboardLayoutAccountSidebar.tsx b/docs/data/toolpad/core/components/dashboard-layout/DashboardLayoutAccountSidebar.tsx
@@ -73,7 +73,7 @@ function DemoPageContent({ pathname }: { pathname: string }) {
 function AccountSidebarPreview(props: AccountPreviewProps & { mini: boolean }) {
   const { handleClick, open, mini } = props;
   return (
-    <Stack direction="column" p={0} overflow="hidden">
+    <Stack direction="column" p={0}>
       <Divider />
       <AccountPreview
         variant={mini ? 'condensed' : 'expanded'}

diff --git a/packages/toolpad-core/src/Account/AccountPreview.tsx b/packages/toolpad-core/src/Account/AccountPreview.tsx
@@ -99,9 +99,9 @@ function AccountPreview(props: AccountPreviewProps) {
   if (variant === 'expanded') {
     return (
       <Stack direction="row" justifyContent="space-between" sx={{ py: 1, px: 2, gap: 2, ...sx }}>
-        <Stack direction="row" justifyContent="flex-start" spacing={2}>
+        <Stack direction="row" justifyContent="flex-start" spacing={2} overflow="hidden">
           {avatarContent}
-          <Stack direction="column" justifyContent="space-evenly">
+          <Stack direction="column" justifyContent="space-evenly" overflow="hidden">
             <Typography variant="body2" fontWeight="bolder" noWrap>
               {session.user?.name}
             </Typography>