From b00558da2a14669ea28501e9919f255ac1056048 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= Date: Wed, 21 Jul 2021 14:45:42 +0200 Subject: [PATCH] Update designs --- resources/views/pdf-designs/bold.html | 7 +++++++ resources/views/pdf-designs/business.html | 8 ++++++++ resources/views/pdf-designs/clean.html | 20 +++++++++++--------- resources/views/pdf-designs/creative.html | 8 ++++++++ resources/views/pdf-designs/elegant.html | 8 ++++++++ resources/views/pdf-designs/hipster.html | 8 ++++++++ resources/views/pdf-designs/modern.html | 7 +++++++ resources/views/pdf-designs/plain.html | 8 ++++++++ resources/views/pdf-designs/playful.html | 8 ++++++++ resources/views/pdf-designs/tech.html | 3 ++- 10 files changed, 75 insertions(+), 10 deletions(-) diff --git a/resources/views/pdf-designs/bold.html b/resources/views/pdf-designs/bold.html index 93acf4dd50a7..aafb61539c11 100644 --- a/resources/views/pdf-designs/bold.html +++ b/resources/views/pdf-designs/bold.html @@ -157,6 +157,13 @@ #table-totals>.totals-table-right-side>*> :nth-child(1) { text-align: left; + margin-top: .75rem; + } + + #table-totals>.totals-table-right-side> * > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(.75rem * var(--tw-space-y-reverse)); } #table-totals>.totals-table-right-side>*> :nth-child(2) { diff --git a/resources/views/pdf-designs/business.html b/resources/views/pdf-designs/business.html index 583fa0476647..b6bac291c6f1 100644 --- a/resources/views/pdf-designs/business.html +++ b/resources/views/pdf-designs/business.html @@ -184,6 +184,7 @@ padding-left: 1rem; padding-top: 0.5rem; padding-bottom: 0.8rem; + margin-right: .5rem; } #table-totals .totals-table-right-side>* { @@ -193,6 +194,13 @@ #table-totals>.totals-table-right-side>*> :nth-child(1) { text-align: left; + margin-top: .75rem; + } + + #table-totals>.totals-table-right-side> * > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(.75rem * var(--tw-space-y-reverse)); } #table-totals>.totals-table-right-side>*> :nth-child(2) { diff --git a/resources/views/pdf-designs/clean.html b/resources/views/pdf-designs/clean.html index e903766844f8..21bc1beab143 100644 --- a/resources/views/pdf-designs/clean.html +++ b/resources/views/pdf-designs/clean.html @@ -57,7 +57,7 @@ .client-and-entity-wrapper { display: grid; - grid-template-columns: 1fr 1fr; + grid-template-columns: .75fr 1fr; padding: 1rem; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; @@ -111,18 +111,12 @@ padding-left: 1rem; } - #product-table > thead > tr > th:nth-last-child(1), - #delivery-note-table > thead > tr > th:nth-last-child(1), - #task-table > thead > tr > th:nth-last-child(1) { - text-align: right; - } - #product-table > tbody > tr > td, #delivery-note-table > tbody > tr > td, #task-table > tbody > tr > td { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; - padding: 1rem; + padding: 1.5rem; } #product-table > tbody > tr > td:first-child, @@ -152,22 +146,30 @@ display: grid; grid-template-columns: 2fr 1fr; padding-top: .5rem; + padding-right: 1rem; gap: 80px; } - #table-totals .totals-table-right-side>* { + #table-totals .totals-table-right-side > * { display: grid; grid-template-columns: 1fr 1fr; } #table-totals>.totals-table-right-side>*> :nth-child(1) { text-align: left; + margin-top: .75rem; } #table-totals>.totals-table-right-side>*> :nth-child(2) { text-align: right; } + #table-totals>.totals-table-right-side> * > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(.75rem * var(--tw-space-y-reverse)); + } + #table-totals > * [data-element='product-table-balance-due-label'], diff --git a/resources/views/pdf-designs/creative.html b/resources/views/pdf-designs/creative.html index a83bc8bbadc8..1229d9898ab0 100644 --- a/resources/views/pdf-designs/creative.html +++ b/resources/views/pdf-designs/creative.html @@ -148,6 +148,7 @@ display: grid; grid-template-columns: 2fr 1fr; padding-top: 1rem; + margin-right: .75rem; gap: 80px; } @@ -158,8 +159,15 @@ #table-totals>.totals-table-right-side>*> :nth-child(1) { text-align: left; + margin-top: .75rem; } + #table-totals>.totals-table-right-side> * > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(.75rem * var(--tw-space-y-reverse)); + } + #table-totals>.totals-table-right-side>*> :nth-child(2) { text-align: right; } diff --git a/resources/views/pdf-designs/elegant.html b/resources/views/pdf-designs/elegant.html index 37b9880ce97b..06b6b66a7a69 100644 --- a/resources/views/pdf-designs/elegant.html +++ b/resources/views/pdf-designs/elegant.html @@ -142,6 +142,7 @@ grid-template-columns: 2fr 1fr; padding-top: 0.5rem; padding-left: 1rem; + margin-right: .75rem; gap: 80px; } @@ -152,6 +153,13 @@ #table-totals>.totals-table-right-side>*> :nth-child(1) { text-align: left; + margin-top: .75rem; + } + + #table-totals>.totals-table-right-side> * > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(.75rem * var(--tw-space-y-reverse)); } #table-totals>.totals-table-right-side>*> :nth-child(2) { diff --git a/resources/views/pdf-designs/hipster.html b/resources/views/pdf-designs/hipster.html index ec9da5fcba18..6a87a6633788 100644 --- a/resources/views/pdf-designs/hipster.html +++ b/resources/views/pdf-designs/hipster.html @@ -157,6 +157,7 @@ display: grid; grid-template-columns: 2fr 1fr; padding-top: 0.5rem; + margin-right: .75rem; gap: 80px; } @@ -167,6 +168,13 @@ #table-totals>.totals-table-right-side>*> :nth-child(1) { text-align: left; + margin-top: .75rem; + } + + #table-totals>.totals-table-right-side> * > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(.75rem * var(--tw-space-y-reverse)); } #table-totals>.totals-table-right-side>*> :nth-child(2) { diff --git a/resources/views/pdf-designs/modern.html b/resources/views/pdf-designs/modern.html index 0b109a63729f..5d6192dd47cb 100644 --- a/resources/views/pdf-designs/modern.html +++ b/resources/views/pdf-designs/modern.html @@ -190,6 +190,13 @@ #table-totals>.totals-table-right-side>*> :nth-child(1) { text-align: left; + margin-top: .75rem; + } + + #table-totals>.totals-table-right-side> * > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(.75rem * var(--tw-space-y-reverse)); } #table-totals>.totals-table-right-side>*> :nth-child(2) { diff --git a/resources/views/pdf-designs/plain.html b/resources/views/pdf-designs/plain.html index f7fdf061a536..264b727f9400 100644 --- a/resources/views/pdf-designs/plain.html +++ b/resources/views/pdf-designs/plain.html @@ -122,6 +122,7 @@ grid-template-columns: 2fr 1fr; padding-top: .5rem; padding-left: 1rem; + margin-right: .75rem; gap: 80px; } @@ -132,6 +133,13 @@ #table-totals>.totals-table-right-side>*> :nth-child(1) { text-align: left; + margin-top: .75rem; + } + + #table-totals>.totals-table-right-side> * > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(.75rem * var(--tw-space-y-reverse)); } #table-totals>.totals-table-right-side>*> :nth-child(2) { diff --git a/resources/views/pdf-designs/playful.html b/resources/views/pdf-designs/playful.html index 086d47e256be..df145165cb46 100644 --- a/resources/views/pdf-designs/playful.html +++ b/resources/views/pdf-designs/playful.html @@ -175,6 +175,7 @@ gap: 80px; padding-left: 3rem; padding-right: 3rem; + margin-right: .75rem; } #table-totals .totals-table-right-side>* { @@ -184,6 +185,13 @@ #table-totals>.totals-table-right-side>*> :nth-child(1) { text-align: left; + margin-top: .75rem; + } + + #table-totals>.totals-table-right-side> * > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(.75rem * var(--tw-space-y-reverse)); } #table-totals>.totals-table-right-side>*> :nth-child(2) { diff --git a/resources/views/pdf-designs/tech.html b/resources/views/pdf-designs/tech.html index 0320e3b4161c..ed93969161d8 100644 --- a/resources/views/pdf-designs/tech.html +++ b/resources/views/pdf-designs/tech.html @@ -181,6 +181,7 @@ display: grid; grid-template-columns: 2fr 1fr; gap: 80px; + margin-right: .5rem; } #table-totals .totals-table-right-side > * { @@ -188,7 +189,7 @@ grid-template-columns: 1fr 1fr; } - #table-totals > .totals-table-right-side > * > :nth-child(1) { + #table-totals>.totals-table-right-side>*> :nth-child(1) { text-align: left; padding: 7px; }