Hide layout header and sidebar when printing (#4334)

mui · Oct 31, 2024 · 887a2ba · 887a2ba
1 parent de4ac6c
commit 887a2ba
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/packages/toolpad-core/src/DashboardLayout/DashboardLayout.tsx b/packages/toolpad-core/src/DashboardLayout/DashboardLayout.tsx
@@ -295,6 +295,7 @@ function DashboardLayout(props: DashboardLayoutProps) {
       const drawerWidth = isMini ? 64 : sidebarExpandedWidth;
 
       return {
+        displayPrint: 'none',
         width: drawerWidth,
         flexShrink: 0,
         ...getDrawerWidthTransitionMixin(isNavigationExpanded),
@@ -325,7 +326,7 @@ function DashboardLayout(props: DashboardLayoutProps) {
         ...sx,
       }}
     >
-      <AppBar color="inherit" position="absolute">
+      <AppBar color="inherit" position="absolute" sx={{ displayPrint: 'none' }}>
         <Toolbar sx={{ backgroundColor: 'inherit', mx: { xs: -0.75, sm: -1.5 } }}>
           {!hideNavigation ? (
             <React.Fragment>
@@ -434,7 +435,7 @@ function DashboardLayout(props: DashboardLayoutProps) {
           flex: 1,
         }}
       >
-        <Toolbar />
+        <Toolbar sx={{ displayPrint: 'none' }} />
         <Box
           component="main"
           sx={{

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml