Merge pull request #3170 from Chaitanya1672/fix/addition-print-pdf-default-size

Implemented print media queries for better PDF layout

Author: raclim

client/components/RootPage.jsx

@@ -14,6 +14,11 @@ const RootPage = styled.div`
     height: 100%;
     overflow: hidden;
   }
+  @media print {
+    @page {
+      page-orientation: landscape;
+    }
+  }
 `;
 
 export default RootPage;

client/modules/User/components/CookieConsent.jsx

@@ -25,6 +25,9 @@ const CookieConsentContainer = styled.div`
   left: 0;
   right: 0;
   z-index: 9999;
+  @media print {
+    display: none;
+  }
 `;
 
 const CookieConsentDialog = styled.div`

client/styles/layout/_ide.scss

@@ -20,3 +20,27 @@
   width: 100%;
   height: 100%;
 }
+
+@media print {
+  .sidebar {
+    display: none;
+    width: 0;
+  }
+  .preview-console {
+    display: none;
+  }
+  .CodeMirror {
+    height: auto;
+    overflow: visible;
+    position: relative;
+  }
+  .CodeMirror-scroll {
+    height: auto;
+    overflow-y: hidden;
+  }
+  .CodeMirror-vscrollbar,
+  .CodeMirror-hscrollbar,
+  .CodeMirror-gutters {
+    display: none;
+  }
+}