B4L/buildfor_life_repair
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix empty print labels: apply dimensions in all media not just screen

Browse Source 
Label width/height was inside @media screen so print had no dimensions.
Moved to base CSS so labels render in both screen preview and print.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Alexander Grabowski
2026-04-07 11:41:15 +07:00
parent 7095b68169
commit 3fedc70503
2 changed files with 26 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/(app)/components/[id]/print/+page.svelte
+13 -13
View File
@@ -23,25 +23,25 @@
size: 90.3mm 29mm;
margin: 1mm;
}
@media print {
.no-print { display: none !important; }
body {
margin: 0;
padding: 0;
background: white !important;
}
nav, header, aside { display: none !important; }
main { padding: 0 !important; overflow: visible !important; }
.print-container { break-inside: avoid; }
.label-preview {
width: 90.3mm;
height: 29mm;
background: white;
box-sizing: border-box;
overflow: hidden;
}
@media screen {
.label-preview {
border: 1px dashed #ccc;
width: 90.3mm;
height: 29mm;
background: white;
}
}
@media print {
.no-print { display: none !important; }
body { margin: 0; padding: 0; background: white !important; }
nav, header, aside { display: none !important; }
main { padding: 0 !important; overflow: visible !important; }
.print-container { break-inside: avoid; page-break-after: always; }
}
</style>
</svelte:head>
src/routes/(app)/devices/[id]/print/+page.svelte
+13 -13
View File
@@ -25,25 +25,25 @@
size: 90.3mm 29mm;
margin: 1mm;
}
@media print {
.no-print { display: none !important; }
body {
margin: 0;
padding: 0;
background: white !important;
}
nav, header, aside { display: none !important; }
main { padding: 0 !important; overflow: visible !important; }
.print-container { break-inside: avoid; }
.label-preview {
width: 90.3mm;
height: 29mm;
background: white;
box-sizing: border-box;
overflow: hidden;
}
@media screen {
.label-preview {
border: 1px dashed #ccc;
width: 90.3mm;
height: 29mm;
background: white;
}
}
@media print {
.no-print { display: none !important; }
body { margin: 0; padding: 0; background: white !important; }
nav, header, aside { display: none !important; }
main { padding: 0 !important; overflow: visible !important; }
.print-container { break-inside: avoid; page-break-after: always; }
}
</style>
</svelte:head>