Upload index.html
Browse files- index.html +43 -0
index.html
CHANGED
|
@@ -97,6 +97,49 @@
|
|
| 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">
|
|
|
|
| 97 |
#reportSheet .report-foot { margin-top:7px!important; }
|
| 98 |
#reportSheet .report-panel, #reportSheet .report-kpi { break-inside:avoid!important; }
|
| 99 |
}
|
| 100 |
+
|
| 101 |
+
/* v0.8.2 — A4 liggend: vaste drie kolommen en alle onderdelen op één afdrukvel. */
|
| 102 |
+
@media print {
|
| 103 |
+
@page { size: A4 landscape; margin: 4mm; }
|
| 104 |
+
html,body { width:100%!important; margin:0!important; padding:0!important; }
|
| 105 |
+
#reportOverlay { width:100%!important; margin:0!important; padding:0!important; }
|
| 106 |
+
#reportSheet { width:100%!important; max-width:none!important; padding:2mm 3mm!important; zoom:1!important; }
|
| 107 |
+
#reportSheet .report-brand { font-size:24px!important; margin-bottom:6px!important; }
|
| 108 |
+
#reportSheet .report-brand sup { font-size:8px!important; }
|
| 109 |
+
#reportSheet .report-heading { display:flex!important; gap:9px!important; margin-bottom:8px!important; }
|
| 110 |
+
#reportSheet .report-heading h1 { font-size:22px!important; letter-spacing:-.4px!important; }
|
| 111 |
+
#reportSheet .report-heading p { font-size:11px!important; }
|
| 112 |
+
#reportSheet .report-meta { min-width:49%!important; gap:4px!important; }
|
| 113 |
+
#reportSheet .report-meta>div { gap:5px!important; padding:5px 6px!important; }
|
| 114 |
+
#reportSheet .report-meta .meta-icon { font-size:17px!important; }
|
| 115 |
+
#reportSheet .report-meta strong { font-size:9px!important; }
|
| 116 |
+
#reportSheet .report-meta span { font-size:9px!important; overflow-wrap:anywhere; }
|
| 117 |
+
#reportSheet .report-kpi-grid { gap:6px!important; margin:8px 0!important; }
|
| 118 |
+
#reportSheet .report-kpi { min-height:96px!important; padding:9px 8px!important; grid-template-columns:38px minmax(0,1fr)!important; column-gap:8px!important; }
|
| 119 |
+
#reportSheet .report-kpi .k-icon { width:36px!important; height:36px!important; font-size:19px!important; }
|
| 120 |
+
#reportSheet .report-kpi .k-label { font-size:11px!important; }
|
| 121 |
+
#reportSheet .report-kpi .k-num { font-size:24px!important; margin:3px 0 1px!important; }
|
| 122 |
+
#reportSheet .report-kpi .k-sub { font-size:9px!important; line-height:1.2!important; }
|
| 123 |
+
#reportSheet .report-chart-grid { grid-template-columns:1fr 1fr 1.13fr!important; gap:6px!important; }
|
| 124 |
+
#reportSheet .report-bottom-grid { grid-template-columns:1fr 1.1fr 1.08fr!important; gap:6px!important; margin-top:6px!important; }
|
| 125 |
+
#reportSheet .report-panel { padding:7px 8px!important; border-radius:6px!important; }
|
| 126 |
+
#reportSheet .report-panel h2 { font-size:11px!important; margin:0 0 5px!important; }
|
| 127 |
+
#reportSheet .report-panel h2 small { font-size:8px!important; }
|
| 128 |
+
#reportSheet .report-chart-grid .report-panel { min-height:160px!important; }
|
| 129 |
+
#reportSheet .report-bottom-grid .report-panel { min-height:167px!important; }
|
| 130 |
+
#reportSheet .report-panel .chart-box { height:137px!important; }
|
| 131 |
+
#reportSheet .report-mini-table { font-size:8px!important; }
|
| 132 |
+
#reportSheet .report-mini-table th { padding:6px 2px!important; }
|
| 133 |
+
#reportSheet .report-mini-table td { padding:7px 2px!important; }
|
| 134 |
+
#reportSheet .report-intensity-row { margin:5px 0!important; gap:5px!important; font-size:9px!important; }
|
| 135 |
+
#reportSheet .report-intensity-row .int-label { width:80px!important; }
|
| 136 |
+
#reportSheet .report-intensity-row .int-bar-track { height:13px!important; }
|
| 137 |
+
#reportSheet .report-intensity-summary { margin-top:5px!important; padding:5px!important; font-size:9px!important; }
|
| 138 |
+
#reportSheet .report-intensity-summary strong { font-size:12px!important; }
|
| 139 |
+
#reportSheet .report-analysis { font-size:9px!important; line-height:1.3!important; }
|
| 140 |
+
#reportSheet .report-analysis p { margin-bottom:5px!important; }
|
| 141 |
+
#reportSheet .report-foot { margin-top:6px!important; padding-top:5px!important; font-size:8px!important; }
|
| 142 |
+
}
|
| 143 |
</style></head>
|
| 144 |
<body>
|
| 145 |
<div class="app">
|