Upload index.html
Browse files- index.html +27 -0
index.html
CHANGED
|
@@ -70,6 +70,33 @@
|
|
| 70 |
.report-actions{display:none!important}#reportSheet{box-shadow:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;zoom:.94;print-color-adjust:exact;-webkit-print-color-adjust:exact}
|
| 71 |
.report-panel,.report-kpi{break-inside:avoid}.report-chart-grid,.report-bottom-grid{break-inside:avoid}
|
| 72 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 73 |
</style></head>
|
| 74 |
<body>
|
| 75 |
<div class="app">
|
|
|
|
| 70 |
.report-actions{display:none!important}#reportSheet{box-shadow:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;zoom:.94;print-color-adjust:exact;-webkit-print-color-adjust:exact}
|
| 71 |
.report-panel,.report-kpi{break-inside:avoid}.report-chart-grid,.report-bottom-grid{break-inside:avoid}
|
| 72 |
}
|
| 73 |
+
|
| 74 |
+
/* v0.8.1 — PDF-afdruk: A3 liggend, vaste dashboardkolommen ongeacht printviewport */
|
| 75 |
+
@media print {
|
| 76 |
+
@page { size: 420mm 297mm; margin: 7mm; }
|
| 77 |
+
html,body { width:100%!important; margin:0!important; padding:0!important; overflow:visible!important; }
|
| 78 |
+
#reportOverlay { display:block!important; position:static!important; width:100%!important; padding:0!important; margin:0!important; overflow:visible!important; }
|
| 79 |
+
#reportSheet {
|
| 80 |
+
display:block!important; box-sizing:border-box!important;
|
| 81 |
+
width:100%!important; max-width:none!important; margin:0!important;
|
| 82 |
+
padding:4mm 5mm!important; zoom:1!important;
|
| 83 |
+
break-inside:avoid!important; page-break-inside:avoid!important;
|
| 84 |
+
}
|
| 85 |
+
#reportSheet .report-heading { display:flex!important; align-items:center!important; }
|
| 86 |
+
#reportSheet .report-meta { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; margin-top:0!important; }
|
| 87 |
+
#reportSheet .report-kpi-grid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; }
|
| 88 |
+
#reportSheet .report-chart-grid { display:grid!important; grid-template-columns:1fr 1fr 1.13fr!important; }
|
| 89 |
+
#reportSheet .report-bottom-grid { display:grid!important; grid-template-columns:1fr 1.1fr 1.08fr!important; }
|
| 90 |
+
#reportSheet .report-chart-grid .report-panel { min-height:190px!important; }
|
| 91 |
+
#reportSheet .report-bottom-grid .report-panel { min-height:196px!important; }
|
| 92 |
+
#reportSheet .report-panel .chart-box { height:145px!important; }
|
| 93 |
+
#reportSheet .report-kpi { min-height:116px!important; }
|
| 94 |
+
#reportSheet .report-kpi .k-num { font-size:28px!important; }
|
| 95 |
+
#reportSheet .report-intensity-row { margin:6px 0!important; }
|
| 96 |
+
#reportSheet .report-analysis { font-size:11px!important; }
|
| 97 |
+
#reportSheet .report-foot { margin-top:7px!important; }
|
| 98 |
+
#reportSheet .report-panel, #reportSheet .report-kpi { break-inside:avoid!important; }
|
| 99 |
+
}
|
| 100 |
</style></head>
|
| 101 |
<body>
|
| 102 |
<div class="app">
|