fix: adjust table print styles (#10322)

* fix: adjust editor heading indents

Signed-off-by: Alexander Onnikov <Alexander.Onnikov@xored.com>

* fix: print table borders and background

Signed-off-by: Alexander Onnikov <Alexander.Onnikov@xored.com>

---------

Signed-off-by: Alexander Onnikov <Alexander.Onnikov@xored.com>

packages/theme/styles/_text-editor.scss

@@ -51,21 +51,21 @@
   h1 {
     font-size: 1.75rem;
     line-height: 150%;
-    margin-top: 2.75rem;
+    margin-top: 2.25rem;
     margin-bottom: 0.25rem;
   }
 
   h2 {
     font-size: 1.375rem;
     line-height: 150%;
-    margin-top: 2.25rem;
+    margin-top: 1.75rem;
     margin-bottom: 0.25rem;
   }
 
   h3 {
     font-size: 1.125rem;
     line-height: 150%;
-    margin-top: 1.5rem;
+    margin-top: 1.25rem;
     margin-bottom: 0.25rem;
   }
 

packages/theme/styles/prose.scss

@@ -15,6 +15,38 @@
 
 @use 'sass:meta';
 
+@media print {
+  table.proseTable {
+    border-spacing: 0 !important;
+    border-collapse: separate !important;
+    width: 100% !important;
+  }
+
+  table.proseTable td,
+  table.proseTable th {
+    border: 0.5px solid var(--text-editor-table-border-color) !important;
+    padding: 0.25rem !important;
+    margin: 0 !important;
+    // ensure cells background colors are printed
+    -webkit-print-color-adjust: exact !important;
+    print-color-adjust: exact !important;
+  }
+
+  table.proseTable td:not(:last-child),
+  table.proseTable th:not(:last-child) {
+    border-right: none !important;
+  }
+
+  table.proseTable tr:not(:last-child) td,
+  table.proseTable tr:not(:last-child) th {
+    border-bottom: none !important;
+  }
+
+  table.proseTable col {
+    width: auto !important;
+  }
+}
+
 /* Table */
 table.proseTable {
   --table-selection-border-width: 1px;