Merge pull request #7730 from nextcloud/backport/7729/stable31

[stable31] fix(print): Overwrite `display: grid` to prevent cut content

Author: mejo-

src/css/print.scss

@@ -57,11 +57,13 @@
 			// Hide menu bar
 			display: none!important;
 		}
-		.action-item {
-			// Hide table settings
+		.action-item, .table-add-column, .table-add-row {
+			// Hide table buttons 
 			display: none!important;
 		}
 		.content-wrapper .editor__content {
+			// Prevent cut lines (due to `display: grid`)
+			display: block;
 			// Margins set by page rule
 			max-width: 100%;
 		}
@@ -81,34 +83,26 @@
 					page-break-after: avoid;
 				}
 				.image, img, table {
+					// make sure table content fits page width
+					overflow-wrap: anywhere;
 					// try no page breaks within tables or images
 					break-inside: avoid-page;
 					page-break-inside: avoid;
-					// Some more indention
-					max-width: 90%!important;
-					margin: 5vw auto 5vw 5%!important;
 				}
 
 				// Add some borders below header and between columns
 				th {
 					color: black!important;
 					font-weight: bold!important;
-					border-width: 0 1px 2px 0!important;
+					border-width: 1px !important;
+					border-bottom-width: 2px !important;
 					border-color: gray!important;
-					border-style: none solid solid none!important;
-				}
-				th:last-of-type {
-					border-width: 0 0 2px 0!important;
 				}
 
 				td {
-					border-style: none solid none none!important;
 					border-width: 1px!important;
 					border-color: gray!important;
 				}
-				td:last-of-type {
-					border: none!important;
-				}
 			}
 		}
 	}