From c1f1eebe36d55746cf95ab5ca1098c1458d893bc Mon Sep 17 00:00:00 2001
From: Maapteh <maarten@oudenniel.nl>
Date: Mon, 29 May 2023 13:56:51 +0200
Subject: [PATCH] fix: start with some printable containers

Signed-off-by: Maapteh <maarten@oudenniel.nl>
---
 packages/core-components/src/layout/Page/Page.tsx            | 5 +++++
 packages/core-components/src/layout/Sidebar/Bar.tsx          | 3 +++
 .../core-components/src/layout/Sidebar/MobileSidebar.tsx     | 3 +++
 packages/core-components/src/layout/Sidebar/Page.tsx         | 4 ++++
 4 files changed, 15 insertions(+)

diff --git a/packages/core-components/src/layout/Page/Page.tsx b/packages/core-components/src/layout/Page/Page.tsx
index 00988c475b..e388e0366a 100644
--- a/packages/core-components/src/layout/Page/Page.tsx
+++ b/packages/core-components/src/layout/Page/Page.tsx
@@ -33,6 +33,11 @@ const useStyles = makeStyles<BackstageTheme>(
       [theme.breakpoints.down('xs')]: {
         height: '100%',
       },
+      '@media print': {
+        display: 'block',
+        height: 'auto',
+        overflowY: 'inherit',
+      },
     },
   }),
   { name: 'BackstagePage' },
diff --git a/packages/core-components/src/layout/Sidebar/Bar.tsx b/packages/core-components/src/layout/Sidebar/Bar.tsx
index 815d6bc0d6..8cb43ba007 100644
--- a/packages/core-components/src/layout/Sidebar/Bar.tsx
+++ b/packages/core-components/src/layout/Sidebar/Bar.tsx
@@ -63,6 +63,9 @@ const useStyles = makeStyles<BackstageTheme, { sidebarConfig: SidebarConfig }>(
       '&::-webkit-scrollbar': {
         display: 'none',
       },
+      '@media print': {
+        display: 'none',
+      },
     },
     drawerWidth: props => ({
       width: props.sidebarConfig.drawerWidthClosed,
diff --git a/packages/core-components/src/layout/Sidebar/MobileSidebar.tsx b/packages/core-components/src/layout/Sidebar/MobileSidebar.tsx
index 9000c2f10b..bf96703613 100644
--- a/packages/core-components/src/layout/Sidebar/MobileSidebar.tsx
+++ b/packages/core-components/src/layout/Sidebar/MobileSidebar.tsx
@@ -72,6 +72,9 @@ const useStyles = makeStyles<BackstageTheme, { sidebarConfig: SidebarConfig }>(
       zIndex: theme.zIndex.snackbar,
       // SidebarDivider color
       borderTop: '1px solid #383838',
+      '@media print': {
+        display: 'none',
+      },
     },
 
     overlay: props => ({
diff --git a/packages/core-components/src/layout/Sidebar/Page.tsx b/packages/core-components/src/layout/Sidebar/Page.tsx
index 5f660547d1..09935867b3 100644
--- a/packages/core-components/src/layout/Sidebar/Page.tsx
+++ b/packages/core-components/src/layout/Sidebar/Page.tsx
@@ -51,6 +51,10 @@ const useStyles = makeStyles<
       [theme.breakpoints.down('xs')]: {
         paddingBottom: props => props.sidebarConfig.mobileSidebarHeight,
       },
+      '@media print': {
+        paddingLeft: '0px !important',
+        paddingBottom: '0px !important',
+      },
     },
     content: {
       zIndex: 0,