209 lines
3.9 KiB
CSS
209 lines
3.9 KiB
CSS
/* Print-specific styles for Proposal */
|
|
@media print {
|
|
|
|
/* Remove all scrollbars */
|
|
* {
|
|
overflow: visible !important;
|
|
}
|
|
|
|
body {
|
|
overflow: visible !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
background: white !important;
|
|
}
|
|
|
|
/* Remove page margins */
|
|
@page {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Remove margins from root containers */
|
|
#root,
|
|
.max-w-5xl,
|
|
.mx-auto {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
/* Remove relative positioning and large bottom padding */
|
|
.relative,
|
|
.pb-20 {
|
|
position: static !important;
|
|
padding-bottom: 0 !important;
|
|
}
|
|
|
|
/* Remove scrollbars specifically */
|
|
*::-webkit-scrollbar {
|
|
display: none !important;
|
|
width: 0 !important;
|
|
height: 0 !important;
|
|
}
|
|
|
|
/* Ensure white background everywhere */
|
|
*,
|
|
body,
|
|
html {
|
|
background: white !important;
|
|
background-color: white !important;
|
|
}
|
|
|
|
/* Force all background colors to white */
|
|
[class*="bg-"],
|
|
.bg-slate-50,
|
|
.bg-slate-100,
|
|
.bg-gray-50,
|
|
.bg-gray-100,
|
|
.print-only {
|
|
background: white !important;
|
|
background-color: white !important;
|
|
}
|
|
|
|
/* Table headers should also be white */
|
|
thead,
|
|
tfoot,
|
|
th {
|
|
background: white !important;
|
|
background-color: white !important;
|
|
}
|
|
|
|
/* Remove all borders from containers */
|
|
.border,
|
|
.border-slate-200,
|
|
.border-slate-100 {
|
|
border: none !important;
|
|
}
|
|
|
|
/* Remove shadows */
|
|
.shadow-sm,
|
|
.shadow-lg,
|
|
.shadow-xl,
|
|
.shadow-2xl {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
/* Remove rounded corners */
|
|
.rounded-2xl,
|
|
.rounded-xl,
|
|
.rounded-lg {
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
/* Hide non-print elements */
|
|
.no-print {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Show print-only */
|
|
.print-only {
|
|
display: block !important;
|
|
}
|
|
|
|
/* Full width layout */
|
|
.flex-col,
|
|
.lg\:flex-row {
|
|
flex-direction: column !important;
|
|
}
|
|
|
|
.lg\:w-80,
|
|
.w-80 {
|
|
display: none !important;
|
|
}
|
|
|
|
.flex-1 {
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
/* Ensure overflow-hidden doesn't hide content */
|
|
.overflow-hidden,
|
|
.overflow-x-auto {
|
|
overflow: visible !important;
|
|
}
|
|
|
|
/* Ensure all content is visible and remove vertical spacing */
|
|
.space-y-6,
|
|
.space-y-6>*,
|
|
[class*="space-y-"] {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.space-y-6>* {
|
|
page-break-inside: avoid;
|
|
}
|
|
|
|
/* Table styling - CRITICAL for RAB */
|
|
table {
|
|
width: 100% !important;
|
|
border-collapse: collapse !important;
|
|
page-break-inside: auto !important;
|
|
}
|
|
|
|
table tr {
|
|
page-break-inside: avoid !important;
|
|
page-break-after: auto !important;
|
|
}
|
|
|
|
table thead {
|
|
display: table-header-group !important;
|
|
}
|
|
|
|
table tfoot {
|
|
display: table-footer-group !important;
|
|
}
|
|
|
|
/* Remove min-width constraints */
|
|
table[class*="min-w"] {
|
|
min-width: auto !important;
|
|
}
|
|
|
|
/* Remove padding from containers */
|
|
.p-8 {
|
|
padding: 0.5rem !important;
|
|
}
|
|
|
|
/* Page breaks */
|
|
.print-break-after {
|
|
page-break-after: always !important;
|
|
}
|
|
|
|
section {
|
|
page-break-inside: avoid !important;
|
|
}
|
|
|
|
/* Ensure proper spacing */
|
|
.space-y-10>*+* {
|
|
margin-top: 1rem !important;
|
|
}
|
|
|
|
/* Remove gap in flex containers */
|
|
.gap-6 {
|
|
gap: 0 !important;
|
|
}
|
|
|
|
/* White background for ALL divs and sections */
|
|
div,
|
|
section {
|
|
background: white !important;
|
|
background-color: white !important;
|
|
}
|
|
|
|
/* Remove all margin and padding bottom classes */
|
|
[class*="mb-"],
|
|
[class*="pb-"] {
|
|
margin-bottom: 0 !important;
|
|
padding-bottom: 0 !important;
|
|
}
|
|
|
|
/* NIP spacing */
|
|
.mt-0\.5 {
|
|
margin-top: 0.125rem !important;
|
|
}
|
|
|
|
.text-\[9px\] {
|
|
font-size: 9px !important;
|
|
}
|
|
} |