mirror of
https://github.com/gristlabs/grist-core.git
synced 2024-10-27 20:44:07 +00:00
5247521cb8
Summary: - Include column headers on each page for printing tables. - Avoid page-breaks inside rows or cards of a card-list. - Fix printing of charts that did not show up at all before. - Add a browser test, not great, but somewhat functional. Test Plan: New test, plus tested manually. Column headers work on Chrome and Firefox (not Safari). Reviewers: paulfitz Reviewed By: paulfitz Differential Revision: https://phab.getgrist.com/D2636
72 lines
1.4 KiB
CSS
72 lines
1.4 KiB
CSS
@media print {
|
|
/* Various style overrides needed to print a single section (page widget). */
|
|
|
|
.print-hide {
|
|
display: none;
|
|
}
|
|
|
|
.print-parent {
|
|
display: block !important;
|
|
position: relative !important;
|
|
height: max-content !important;
|
|
overflow: visible !important;
|
|
}
|
|
|
|
.print-widget {
|
|
margin: 0px !important;
|
|
}
|
|
.print-row {
|
|
break-inside: avoid;
|
|
}
|
|
|
|
.print-widget .viewsection_title {
|
|
display: none !important;
|
|
}
|
|
.print-widget .view_data_pane_container {
|
|
border: none !important;
|
|
}
|
|
.print-widget .viewsection_content {
|
|
margin: 0px !important;
|
|
}
|
|
|
|
.print-widget .detailview_single {
|
|
overflow: visible;
|
|
}
|
|
|
|
.print-widget .gridview_data_pane {
|
|
display: block !important;
|
|
position: relative !important;
|
|
height: max-content !important;
|
|
overflow: visible !important;
|
|
}
|
|
|
|
.print-widget .scrolly_outer {
|
|
display: none;
|
|
}
|
|
|
|
.print-widget .custom_view {
|
|
height: calc(100vh - 24px);
|
|
}
|
|
|
|
.ui-resizable-handle {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
/*
|
|
* The chart div needs to be measured before its relayout() call, and "@media print" is not in
|
|
* effect for that measurement, so we temporarily resize the chart for all @media, to a plausible
|
|
* size for printing.
|
|
*/
|
|
.print-widget .chart_container {
|
|
width: 6.5in !important;
|
|
height: 6.5in !important;
|
|
overflow: visible !important;
|
|
}
|
|
|
|
@media not print {
|
|
.print-all-rows {
|
|
display: none;
|
|
}
|
|
}
|