(pl)(spis) make census more print-friendly

app/assets/print.scss

@@ -5,8 +5,8 @@
         display: none;
     }
     body {
-        background: none;
+        background: none !important;
-        background-color: $white;
+        color: $black !important;
     }
     hr {
         display: block;
@@ -16,4 +16,16 @@
     @page {
         margin: 1cm;
     }
+
+    details {
+        break-inside: avoid;
+        margin-bottom: 1em;
+        p {
+            margin: 1em;
+        }
+    }
+
+    th, td {
+        color: $black !important;
+    }
 }

app/layouts/default.vue

@@ -92,6 +92,20 @@ onMounted(executeUnlessPrerendering(() => {
             window.location.reload();
         }
     };
+
+    // making census reports print-friendly
+    window.addEventListener("beforeprint", () => {
+        document.querySelectorAll("iframe[loading=lazy]").forEach(iframe => {
+            iframe.removeAttribute("loading");
+            iframe.setAttribute("src", iframe.getAttribute("src")!);
+        });
+        document.querySelectorAll("iframe.graph").forEach(iframe => {
+            const graph = iframe as HTMLIFrameElement;
+            graph.style.width = "718px"; // A4 width - 1cm margins at 96dpi
+            graph.style.height = "400px";
+        });
+        document.querySelectorAll("details").forEach(d => d.setAttribute("open", ""));
+    });
 }));
 
 const dialogue = useDialogue();