Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 4 commits into from
Oct 7, 2025
Merged

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

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
e62645c
fix(print): Overwrite `display: grid` to prevent cut content
mejo- Oct 7, 2025
006ad0b
fix(print): hide more table buttons, remove extra margin around table
mejo- Oct 7, 2025
ab27d1a
fix(print): print borders around each cell
mejo- Oct 7, 2025
f1d5984
fix(print): wrap long table content to make it fit the page width
mejo- Oct 7, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 8 additions & 14 deletions src/css/print.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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%;
}
Expand All @@ -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;
}
}
}
}
Expand Down
Loading