maciejpi/nordabiz
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(membership): compact print layout, hide detail header, reduce spacing
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
Details
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
Details
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
Details
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions
Details

Browse Source
This commit is contained in:
Maciej Pienczyn 2026-03-30 12:03:34 +02:00
parent a6d6186cc2
commit 5fd5342a88
1 changed files with 36 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
templates/admin/membership_detail.html
View File

@ -540,7 +540,7 @@
/* Print styles */
@media print {
/* Hide EVERYTHING non-essential */
/* Hide EVERYTHING except main content and print header */
nav, header, .admin-bar, .sidebar, .action-buttons, .action-help,
.modal, .modal-overlay, .alert, .btn-action, .btn-back, .back-link,
footer, .notifications-menu, .user-menu, .breadcrumb,
@ -551,52 +551,62 @@
.fluent-command-bar, .fluent-header, .banner,
[class*="staging"], [class*="pwa"], [class*="install"],
.info-section .registry-lookup-widget,
.info-section .registry-help { display: none !important; }
.info-section .registry-help,
.registry-section { display: none !important; }
/* Hide the "Weryfikacja w rejestrze" section */
.registry-section, h3:has(+ .registry-help) { display: none !important; }
/* Full width for main content */
/* Full width, no padding */
.content-grid { display: block !important; }
.main-content { width: 100% !important; max-width: 100% !important; padding: 0 !important; }
.container, .fluent-container { max-width: 100% !important; padding: 0 !important; }
.container, .fluent-container { max-width: 100% !important; padding: 0 !important; margin: 0 !important; }
/* Clean print styles */
body { font-size: 11pt; color: #000; background: #fff !important; margin: 0; padding: 0; }
/* Compact base styles */
body { font-size: 10pt; color: #000; background: #fff !important; margin: 0; padding: 0; }
* { box-shadow: none !important; }
.detail-header h1 { font-size: 16pt; margin-bottom: 4pt; }
/* Print header */
/* Hide redundant detail header (print-header replaces it) */
.detail-header { display: none !important; }
/* Print header — compact */
.print-header {
display: block !important;
text-align: center;
margin-bottom: 16pt;
padding-bottom: 10pt;
margin-bottom: 8pt;
padding-bottom: 6pt;
border-bottom: 2px solid #2E4872;
}
.print-header h2 { font-size: 14pt; color: #2E4872; margin: 0; }
.print-header p { font-size: 10pt; color: #444; margin: 3pt 0 0; }
.print-header h2 { font-size: 13pt; color: #2E4872; margin: 0; }
.print-header p { font-size: 9pt; color: #444; margin: 2pt 0 0; }
/* Data sections */
/* Compact data sections */
.info-section {
break-inside: avoid;
margin-bottom: 10pt;
margin-bottom: 4pt !important;
margin-top: 0 !important;
border: 1px solid #ccc;
padding: 8pt 12pt;
border-radius: 0;
padding: 4pt 8pt !important;
border-radius: 0 !important;
}
.info-section h2 {
font-size: 12pt;
font-size: 11pt;
color: #2E4872;
border-bottom: 1px solid #2E4872;
padding-bottom: 3pt;
margin-bottom: 6pt;
padding-bottom: 2pt;
margin-bottom: 4pt !important;
margin-top: 0 !important;
}
.info-row { padding: 2pt 0; font-size: 10pt; }
.info-label { font-weight: bold; min-width: 120pt; display: inline-block; }
.info-row, .info-grid > div { padding: 1pt 0 !important; margin: 0 !important; font-size: 9pt; }
.info-label { font-weight: bold; }
.info-grid { gap: 2pt !important; }
/* Page setup */
@page { margin: 15mm; size: A4; }
/* Remove all extra spacing */
.info-section + .info-section { margin-top: 4pt !important; }
p, div { margin-top: 0 !important; margin-bottom: 0 !important; }
/* Page setup — no URL, no date */
@page {
margin: 12mm;
size: A4;
}
}
/* Hidden in screen, visible in print */