fix(web): make printed cut instructions legible
Build CutList image / build-and-push (push) Successful in 19s

Keep part numbers and their dividers visible in monochrome print output, and include the selected cutting tool and kerf on the printed report.
This commit is contained in:
aj
2026-08-03 02:18:45 +00:00
parent 25af9e3ba8
commit 5409479e00
5 changed files with 55 additions and 3 deletions
@@ -1060,6 +1060,14 @@ else
</div>
</div>
@if (job.CuttingTool != null)
{
<div class="print-cut-method">
<strong>Cut Method:</strong> @job.CuttingTool.Name
<span class="ms-2">Kerf: @FormatResultLength((double)job.CuttingTool.KerfInches)</span>
</div>
}
<!-- Material List: required stock lengths not covered by job stock -->
<div class="card mb-4 print-material-list">
<div class="card-header d-flex justify-content-between align-items-center">
+22
View File
@@ -141,6 +141,11 @@
display: none;
}
/* The selected tool belongs on the paper cut report, not in the interactive results layout. */
.print-cut-method {
display: none;
}
/* Print styles - Compact layout to save paper */
@media print {
body {
@@ -312,6 +317,14 @@
margin: 0 !important;
}
.print-cut-method {
display: block !important;
border: 1px solid #ccc;
font-size: 9pt;
margin: -0.25rem 0 0.5rem;
padding: 0.3rem 0.75rem;
}
/* Keep material list with cut lists to save paper */
.print-material-list {
break-inside: avoid;
@@ -337,6 +350,15 @@
border: 1px solid #999;
}
/* Badges lose their blue fills in print, so force their white screen text and divider to black. */
.cut-part-badge {
color: #000 !important;
}
.cut-part-badge-divider {
border-left: 1px solid #000 !important;
}
/* Cut list tables: hide screen header, show repeating print header in thead */
.cutlist-material-screen-header {
display: none !important;