TheCloud/PronounsPage
1
0
Fork 0
mirror of https://gitlab.com/PronounsPage/PronounsPage.git synced 2025-09-23 04:34:15 -04:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Andrea Vos 2025-09-16 20:37:54 +02:00
parent ea3b6a360e
commit de13ddbf5c
2 changed files with 28 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/assets/print.scss
View File

@ -5,8 +5,8 @@
display: none;
}
body {
background: none;
background-color: $white;
background: none !important;
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;
}
}

14
app/layouts/default.vue
View File

@ -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();