Thanks Chris! We ran into the same issue as well on 3.1.9.
We added this too so the middle panel expands wider on the printed page, this allows wider rubrics to be printed by setting margins to none and scale to 95% in the Google Chrome print options.
The original CSS restricts max-width: to 800px.
.path-mod-assign [data-region="review-panel"].collapsed + [data-region="grade-panel"] [data-region="grade"],
.path-mod-assign [data-region="grade-panel"].fullwidth [data-region="grade"] {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
This is the full implementation:
@media print {
.gradingform_rubric .criterion .levels .level.checked {
background: #d0ffd0 !important;
border: 3px solid #555;
}
.path-mod-assign [data-region="grade-panel"] .gradingform_rubric {
padding-bottom: 0;
max-width: 90%
}
.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .levels .level.checked {
background: #dff0d8 !important;
border: 3px solid #555;
-webkit-print-color-adjust: exact;
}
.path-mod-assign [data-region="review-panel"].collapsed+[data-region="grade-panel"] {
position: initial;
}
.path-mod-assign [data-region="review-panel"].collapsed + [data-region="grade-panel"] [data-region="grade"],
.path-mod-assign [data-region="grade-panel"].fullwidth [data-region="grade"] {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.path-mod-assign [data-region="grade-panel"] {
position: initial;
}
}