From 73e837aecc62a61006d25220e80ff014fb5ada5b Mon Sep 17 00:00:00 2001 From: David Bomba Date: Sat, 19 Mar 2022 09:10:39 +1100 Subject: [PATCH 1/7] FIxes for designs' --- resources/views/pdf-designs/bold.html | 3 ++- resources/views/pdf-designs/business.html | 3 ++- resources/views/pdf-designs/clean.html | 8 +++++--- resources/views/pdf-designs/creative.html | 3 ++- resources/views/pdf-designs/elegant.html | 3 ++- resources/views/pdf-designs/hipster.html | 1 + resources/views/pdf-designs/modern.html | 1 + resources/views/pdf-designs/plain.html | 3 ++- resources/views/pdf-designs/playful.html | 4 +++- resources/views/pdf-designs/tech.html | 3 ++- 10 files changed, 22 insertions(+), 10 deletions(-) diff --git a/resources/views/pdf-designs/bold.html b/resources/views/pdf-designs/bold.html index ddbf71e194bb..d648ae8fc87b 100644 --- a/resources/views/pdf-designs/bold.html +++ b/resources/views/pdf-designs/bold.html @@ -22,6 +22,7 @@ @page { margin: 0 !important; + size: $page_size $page_layout; } p { @@ -159,7 +160,7 @@ } #table-totals { - margin-top: 1rem; + margin-top: 0rem; display: grid; grid-template-columns: 2fr 1fr; padding-top: .5rem; diff --git a/resources/views/pdf-designs/business.html b/resources/views/pdf-designs/business.html index dcc3206e82d7..984ac4fd1dd2 100644 --- a/resources/views/pdf-designs/business.html +++ b/resources/views/pdf-designs/business.html @@ -20,6 +20,7 @@ margin-right: $global_margin; margin-top: 0; margin-bottom: 0; + size: $page_size $page_layout; } p { @@ -253,7 +254,7 @@ .repeating-header-space, **/ .repeating-footer, .repeating-footer-space { - height: 160px; + height: 10px; } .repeating-header { position: fixed; diff --git a/resources/views/pdf-designs/clean.html b/resources/views/pdf-designs/clean.html index 0dc623d880a1..8ab0ec4c4b9b 100644 --- a/resources/views/pdf-designs/clean.html +++ b/resources/views/pdf-designs/clean.html @@ -20,8 +20,10 @@ margin-right: $global_margin; margin-top: 0; margin-bottom: 0; + size: $page_size $page_layout; } + p { margin: 0; padding: 0; @@ -119,7 +121,7 @@ [data-ref="table"] > tbody > tr > td { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; - padding: 1.5rem 1rem; + padding: 1rem 1rem; } [data-ref="table"] > tbody > tr > td:first-child { @@ -191,7 +193,7 @@ } #footer { - margin-top: 30px; + margin-top: 10px; } /** Markdown-specific styles. **/ @@ -222,7 +224,7 @@ .repeating-header-space, **/ .repeating-footer, .repeating-footer-space { - height: 160px; + height: 10px; } .repeating-header { position: fixed; diff --git a/resources/views/pdf-designs/creative.html b/resources/views/pdf-designs/creative.html index dc017018bdac..bf5d1c0704f0 100644 --- a/resources/views/pdf-designs/creative.html +++ b/resources/views/pdf-designs/creative.html @@ -20,6 +20,7 @@ margin-right: $global_margin; margin-top: 0; margin-bottom: 0; + size: $page_size $page_layout; } p { @@ -206,7 +207,7 @@ .repeating-header-space, **/ .repeating-footer, .repeating-footer-space { - height: 160px; + height: 10px; } .repeating-header { position: fixed; diff --git a/resources/views/pdf-designs/elegant.html b/resources/views/pdf-designs/elegant.html index fc14396d245d..8365b4e7b5bb 100644 --- a/resources/views/pdf-designs/elegant.html +++ b/resources/views/pdf-designs/elegant.html @@ -17,6 +17,7 @@ @page { margin: $global_margin; + size: $page_size $page_layout; } p { @@ -211,7 +212,7 @@ .repeating-header-space, **/ .repeating-footer, .repeating-footer-space { - height: 160px; + height: 10px; } .repeating-header { position: fixed; diff --git a/resources/views/pdf-designs/hipster.html b/resources/views/pdf-designs/hipster.html index df4101e703d8..57ba54d098b9 100644 --- a/resources/views/pdf-designs/hipster.html +++ b/resources/views/pdf-designs/hipster.html @@ -17,6 +17,7 @@ @page { margin: $global_margin; + size: $page_size $page_layout; } p { diff --git a/resources/views/pdf-designs/modern.html b/resources/views/pdf-designs/modern.html index 0f31218c9042..826dd88a7671 100644 --- a/resources/views/pdf-designs/modern.html +++ b/resources/views/pdf-designs/modern.html @@ -21,6 +21,7 @@ @page { margin: 0 !important; + size: $page_size $page_layout; } p { diff --git a/resources/views/pdf-designs/plain.html b/resources/views/pdf-designs/plain.html index 6fad8938d517..745bfb591024 100644 --- a/resources/views/pdf-designs/plain.html +++ b/resources/views/pdf-designs/plain.html @@ -22,6 +22,7 @@ margin-right: $global_margin; margin-top: 0; margin-bottom: 0; + size: $page_size $page_layout; } @@ -200,7 +201,7 @@ .repeating-header-space, **/ .repeating-footer, .repeating-footer-space { - height: 100px; + height: 10px; } .repeating-header { position: fixed; diff --git a/resources/views/pdf-designs/playful.html b/resources/views/pdf-designs/playful.html index d8712983e3c9..d5d0f3eba3e5 100644 --- a/resources/views/pdf-designs/playful.html +++ b/resources/views/pdf-designs/playful.html @@ -17,6 +17,8 @@ @page { margin: -0.25cm !important; + size: $page_size $page_layout; + } p { @@ -265,7 +267,7 @@ .repeating-footer, .repeating-footer-space { - height: 160px; + height: 10px; } .repeating-header { position: fixed; diff --git a/resources/views/pdf-designs/tech.html b/resources/views/pdf-designs/tech.html index 74c1df1adb47..5a24a2eaf687 100644 --- a/resources/views/pdf-designs/tech.html +++ b/resources/views/pdf-designs/tech.html @@ -17,6 +17,7 @@ @page { margin: 0; + size: $page_size $page_layout; } @media print { @@ -235,7 +236,7 @@ .repeating-header-space, **/ .repeating-footer, .repeating-footer-space { - height: 160px; + height: 10px; } .repeating-header { position: fixed; From 923e360a544785ea399a211b03e31cad2fe52e1a Mon Sep 17 00:00:00 2001 From: David Bomba Date: Sat, 19 Mar 2022 12:54:59 +1100 Subject: [PATCH 2/7] Fixes for designs --- resources/views/pdf-designs/business.html | 9 +++-- resources/views/pdf-designs/clean.html | 5 +++ resources/views/pdf-designs/creative.html | 5 +++ resources/views/pdf-designs/elegant.html | 5 +++ resources/views/pdf-designs/hipster.html | 7 +++- resources/views/pdf-designs/modern.html | 5 +++ resources/views/pdf-designs/plain.html | 7 ++-- resources/views/pdf-designs/playful.html | 42 ++++++++++++++--------- resources/views/pdf-designs/tech.html | 5 +++ 9 files changed, 69 insertions(+), 21 deletions(-) diff --git a/resources/views/pdf-designs/business.html b/resources/views/pdf-designs/business.html index 984ac4fd1dd2..2f6a42656729 100644 --- a/resources/views/pdf-designs/business.html +++ b/resources/views/pdf-designs/business.html @@ -7,6 +7,11 @@ --line-height: 1.6; } + html { + width: 210mm; + height: 200mm; + } + body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -57,7 +62,7 @@ } .entity-issued-to { - margin-top: 3rem; + margin-top: 2rem; font-weight: bold; } @@ -162,7 +167,7 @@ } #table-totals { - margin-top: 1rem; + margin-top: 0.5rem; display: grid; grid-template-columns: 2fr 1fr; gap: 80px; diff --git a/resources/views/pdf-designs/clean.html b/resources/views/pdf-designs/clean.html index 8ab0ec4c4b9b..fe5109228a29 100644 --- a/resources/views/pdf-designs/clean.html +++ b/resources/views/pdf-designs/clean.html @@ -7,6 +7,11 @@ --line-height: 1.6; } + html { + width: 210mm; + height: 200mm; + } + body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; diff --git a/resources/views/pdf-designs/creative.html b/resources/views/pdf-designs/creative.html index bf5d1c0704f0..49808d33f6e3 100644 --- a/resources/views/pdf-designs/creative.html +++ b/resources/views/pdf-designs/creative.html @@ -7,6 +7,11 @@ --line-height: 1.6; } + html { + width: 210mm; + height: 200mm; + } + body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; diff --git a/resources/views/pdf-designs/elegant.html b/resources/views/pdf-designs/elegant.html index 8365b4e7b5bb..7795518238a1 100644 --- a/resources/views/pdf-designs/elegant.html +++ b/resources/views/pdf-designs/elegant.html @@ -7,6 +7,11 @@ --line-height: 1.6; } + html { + width: 210mm; + height: 200mm; + } + body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; diff --git a/resources/views/pdf-designs/hipster.html b/resources/views/pdf-designs/hipster.html index 57ba54d098b9..a6a54310cc1c 100644 --- a/resources/views/pdf-designs/hipster.html +++ b/resources/views/pdf-designs/hipster.html @@ -7,6 +7,11 @@ --line-height: 1.6; } + html { + width: 210mm; + height: 200mm; + } + body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -101,7 +106,7 @@ } [data-ref="table"] { - margin-top: 3rem; + margin-top: 1rem; /* margin-bottom: 200px; */ min-width: 100%; table-layout: fixed; diff --git a/resources/views/pdf-designs/modern.html b/resources/views/pdf-designs/modern.html index 826dd88a7671..da83b85bed89 100644 --- a/resources/views/pdf-designs/modern.html +++ b/resources/views/pdf-designs/modern.html @@ -6,6 +6,11 @@ --secondary-color: $secondary_color; } + html { + width: 210mm; + height: 200mm; + } + body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; diff --git a/resources/views/pdf-designs/plain.html b/resources/views/pdf-designs/plain.html index 745bfb591024..2561aac89d7a 100644 --- a/resources/views/pdf-designs/plain.html +++ b/resources/views/pdf-designs/plain.html @@ -15,9 +15,12 @@ zoom: 80%; } + html { + width: 210mm; + height: 200mm; + } + @page { - position: absolute; - top: 0; margin-left: $global_margin; margin-right: $global_margin; margin-top: 0; diff --git a/resources/views/pdf-designs/playful.html b/resources/views/pdf-designs/playful.html index d5d0f3eba3e5..6b3be643a5e0 100644 --- a/resources/views/pdf-designs/playful.html +++ b/resources/views/pdf-designs/playful.html @@ -15,12 +15,18 @@ zoom: 80%; } + html { + width: 210mm; + height: 200mm; + } + @page { margin: -0.25cm !important; size: $page_size $page_layout; - + margin-top: 1rem; } + p { margin: 0; padding: 0; @@ -30,12 +36,12 @@ display: flex; justify-content: space-between; gap: 20px; - padding: 2rem 3rem; + padding: 1rem 0rem 0rem 2rem; } .header-wrapper .entity-details-wrapper { background-color: var(--primary-color); - padding: 1rem; + padding: 0.5rem; border-radius: 10px; } @@ -63,7 +69,7 @@ display: grid; grid-template-columns: 1fr 1fr; gap: 40px; - padding: 3rem; + padding: 1rem 0rem 0rem 2rem; } .contacts-wrapper .contact-label { @@ -77,7 +83,7 @@ .contacts-wrapper #client-details { display: flex; flex-direction: column; - margin-bottom: 1rem; + margin-bottom: 0.5rem; } .contacts-wrapper .company-info { @@ -101,8 +107,8 @@ } [data-ref="table"] { - padding-left: 3rem; - padding-right: 3rem; + padding-left: 2rem; + padding-right: 0rem; margin-top: 1rem; /* margin-bottom: 200px; */ min-width: 100%; @@ -156,13 +162,12 @@ } #table-totals { - margin-top: 1rem; + margin-top: 0.5rem; display: grid; grid-template-columns: 2fr 1fr; gap: 80px; - padding-left: 3rem; - padding-right: 3rem; - margin-right: .75rem; + padding-left: 2rem; + padding-right: 0rem; page-break-inside:auto; overflow: visible !important; } @@ -222,12 +227,14 @@ [data-ref="total_table-footer"] { text-align: left; - padding-left: 3rem; - padding-right: 3rem; + padding-left: 2rem; + padding-right: rem; } #footer { margin-top: 1rem; + page-break-inside:auto; + overflow: visible !important; } /** Markdown-specific styles. **/ @@ -262,12 +269,15 @@ .repeating-header, .repeating-header-space { - height: 50px; + height: 20px; + page-break-inside:avoid; + page-break-before:avoid; + page-break-after:avoid; } .repeating-footer, .repeating-footer-space { - height: 10px; + height: 20px; } .repeating-header { position: fixed; @@ -379,7 +389,7 @@ $entity_images -