jjimenez/safekat
1
0
Fork 0
mirror of https://git.imnavajas.es/jjimenez/safekat.git synced 2025-07-25 22:52:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix pdf font sizes and updated info

Browse Source
This commit is contained in:
amazuecos
2025-05-19 20:47:19 +02:00
parent f5a015bc6d
commit 2ef98a9496
6 changed files with 241 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
httpdocs/assets/js/safekat/pages/pdf/otDownload.js
View File

@ -1,11 +1,12 @@
$(() => {
var opt = {
margin: 2,
filename: $(".pdf-wrapper").data("id") + ".pdf",
image: { type: 'jpeg', quality: 1 },
html2canvas: { scale: 4 },
jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' }
};
let elementToPdf = $('body')[0]
html2pdf().set(opt).from(elementToPdf).save()
})
// $(() => {
// var opt = {
// margin: 2,
// filename: $(".pdf-wrapper").data("id") + ".pdf",
// image: { type: 'jpeg', quality: 1 },
// html2canvas: { scale: 4 },
// jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' },
// pagebreak: { mode: ['avoid-all', 'css', 'legacy'] }
// };
// let elementToPdf = $('body')[0]
// html2pdf().set(opt).from(elementToPdf).save()
// })

47
httpdocs/themes/vuexy/css/pdf.ot.css
View File

@ -3,22 +3,23 @@
margin: 0;
}
@media print {
.page,
{
.page {
width: 210mm;
height: 297mm;
max-width: 210mm;
max-height: 297mm;
print-color-adjust: exact;
}
/* ... the rest of the rules ... */
}
html {
html,body {
font-family: Arial, sans-serif;
width: 210mm;
height: 297mm;
max-width: 210mm;
font-size: 8px;
width: 100%;
font-size: 14px;
max-height: 297mm;
background-color: white;
}
@ -26,7 +27,8 @@ html {
.page {
border: 0px solid;
padding: 10px;
margin : 10px;
margin: 10px;
width: 100%;
max-width: 210mm;
max-height: 297mm;
background-color: white;
@ -37,11 +39,11 @@ html {
border: 2px solid;
}
.square {
height : 75px;
align-items: center;
align-content: center;
justify-content: center;
font-weight: bold;
font-size: 14px;
}
.esquema {
}
@ -92,6 +94,7 @@ html {
}
.section-title {
font-weight: bold;
font-size: 1.2em;
margin-bottom: 4px;
}
.cubierta {
@ -106,37 +109,39 @@ html {
.comments {
color: #555;
font-style: italic;
font-size : 12px;
font-size: 12px;
margin-top: 0.2rem;
}
.comment-content {
width: 100%;
margin-left : 0.2rem;
margin-left: 0.2rem;
font-style: normal;
color : black;
color: black;
font-size: 10px;
}
table {
width: 100%;
margin-bottom: 2px;
font-size: 10px;
font-size: 1.2em;
}
th, td {
border: 0.01px solid black;
th,
td {
border-width : 1px;
border-color : black;
}
table td {
text-align: center;
}
table th {
font-weight: bold;
color: black;
text-align: center;
}
table td {
font-weight: bold;
.al{
text-align:left;
}
.t-header {
@ -149,7 +154,7 @@ table td {
padding-left: 0.2rem;
}
.t-row {
font-size: 8px;
font-size: 14px;
width: 100%;
}
.bicolor {
@ -173,9 +178,7 @@ table td {
background: black;
color: white;
}
.footer {
font-size: 10px;
}
.bg-encuadernacion {
background-color: #bbd8a3;
}
@ -185,3 +188,9 @@ table td {
.cell-50 {
width: 50px;
}
.ot-code {
font-size: 4em;
}
.code-title {
font-size: 1.5em;
}