fix: explicit css media queries for printing to prevent blank pages
This commit is contained in:
@@ -30,6 +30,13 @@
|
||||
animation: fade-in 0.5s ease-out forwards;
|
||||
}
|
||||
|
||||
/* Screen specific rules */
|
||||
@media screen {
|
||||
.app-print-wrapper {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* High-quality native browser printing */
|
||||
@media print {
|
||||
* {
|
||||
@@ -37,9 +44,19 @@
|
||||
print-color-adjust: exact !important;
|
||||
}
|
||||
|
||||
.app-main-content {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.app-print-wrapper {
|
||||
display: block !important;
|
||||
position: relative !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
@page {
|
||||
margin: 0;
|
||||
size: A4;
|
||||
size: A4 portrait;
|
||||
}
|
||||
|
||||
body {
|
||||
|
||||
Reference in New Issue
Block a user