diff --git a/index.html b/index.html index 60f84e0..d2b5e9e 100644 --- a/index.html +++ b/index.html @@ -4,10 +4,10 @@ <%= fn.getCVTitle(cv) %> diff --git a/src/preview/index.html b/src/preview/index.html index cccac6b..a935f77 100644 --- a/src/preview/index.html +++ b/src/preview/index.html @@ -4,10 +4,11 @@ CV +
diff --git a/src/preview/main.js b/src/preview/main.js index 1c40b77..d986b9b 100644 --- a/src/preview/main.js +++ b/src/preview/main.js @@ -1,5 +1,3 @@ -import '../scss/print.css'; - import { getCVData, getCVSavedTime, diff --git a/src/scss/print.css b/src/scss/print.css index 3b76026..9c5c946 100644 --- a/src/scss/print.css +++ b/src/scss/print.css @@ -1,4 +1,4 @@ -/* Page setup works for all themes */ +/* Mandatory page setup for all themes */ @page { /* A4 */ /* size: 210mm 297mm; */ @@ -6,26 +6,31 @@ margin: 10mm; /* approximately 0.4in */ } +/* simulate print page size */ +.cv-container { + width: calc(210mm - 20mm); + padding: 10mm; +} +@media print { + /* remove the printing simulations and common decorations , let @page decide the size and margin */ + .cv-container { + margin: 0; + padding: 0; + border: 0; + width: auto; + } +} + html { margin: 0; padding: 0; } body { margin: 0; - page-break-inside: auto; + padding: 0; + border: 0; print-color-adjust: exact; -webkit-print-color-adjust: exact; - - /* simulate print page size */ - padding: 10mm; - width: calc(210mm - 20mm); -} -@media print { - /* remove simulate print page size, let @page decide the size and margin */ - body { - padding: 0; - border: 0; - } } .section-title,