Improve printing layout

cortezaproject · Jun 9, 2022 · c71e1f0 · c71e1f0
1 parent ea92a95
commit c71e1f0
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/src/themes/corteza-base/custom.scss b/src/themes/corteza-base/custom.scss
@@ -240,3 +240,23 @@ input[type="search"]::-webkit-search-cancel-button {
     margin-top: 0.25rem;
   }
 }
+
+// Supporting CSS to improve print-to-PDF option
+@media print {
+  @page {
+    size: auto;
+  }
+
+  body {
+    margin: 0;
+  }
+
+  header, footer, aside, nav {
+    display: none;
+  }
+
+  .block {
+    break-inside: avoid;
+    width: 100%;
+  }
+}