From 04c807c0b95a6f643dedfb0b64d5ea2f2f819d16 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= Date: Tue, 8 Sep 2020 13:14:44 +0200 Subject: [PATCH] Update designs with new table footer --- resources/views/pdf-designs/bold.html | 31 ++++++++++--- resources/views/pdf-designs/business.html | 53 +++++++++++++++------ resources/views/pdf-designs/clean.html | 28 ++++++++++-- resources/views/pdf-designs/creative.html | 35 +++++++++++--- resources/views/pdf-designs/elegant.html | 41 +++++++++++++---- resources/views/pdf-designs/hipster.html | 36 +++++++++++---- resources/views/pdf-designs/modern.html | 56 ++++++++++++++++------- resources/views/pdf-designs/plain.html | 33 ++++++++++--- resources/views/pdf-designs/playful.html | 44 ++++++++++++------ 9 files changed, 272 insertions(+), 85 deletions(-) diff --git a/resources/views/pdf-designs/bold.html b/resources/views/pdf-designs/bold.html index 1cf41f0eb7ca..1664766d5e03 100644 --- a/resources/views/pdf-designs/bold.html +++ b/resources/views/pdf-designs/bold.html @@ -89,31 +89,48 @@ padding: 2rem; font-size: 1.5rem; } + #product-table > thead > tr > th:last-child { + text-align: right; + } #product-table > tbody > tr > td { padding: 1.5rem; } + #product-table > tbody > tr > td:last-child { + text-align: right; + } #product-table > tbody > tr > td:first-child { font-weight: bold; } #product-table > tbody > tr:nth-child(odd) { background-color: #ebebeb; } - #product-table > tfoot > tr > td { - padding: 1.5rem; + + #product-table-footer > * { + display: grid; + grid-template-columns: 3fr 1fr 1fr; + padding-top: 1.2rem; + padding-left: 1.2rem; + gap: 20px; } - #product-table > tfoot [data-element='balance-due-label'], - #product-table > tfoot [data-element='balance-due'] { + #product-table-footer + > * + [data-element='product-table-balance-due-label'], + #product-table-footer > * [data-element='product-table-balance-due'] { font-weight: bold; font-size: 1.4rem; } - #product-table > tfoot [data-element='balance-due'] { + #product-table-footer > * [data-element='product-table-balance-due'] { color: #35a39a; } + #product-table-footer > * > :last-child { + text-align: right; + padding-right: 1.5rem; + }
+ + diff --git a/resources/views/pdf-designs/business.html b/resources/views/pdf-designs/business.html index 654f611a9e3a..d2018b9c176c 100644 --- a/resources/views/pdf-designs/business.html +++ b/resources/views/pdf-designs/business.html @@ -4,12 +4,13 @@ - @@ -160,6 +183,8 @@
+ + diff --git a/resources/views/pdf-designs/clean.html b/resources/views/pdf-designs/clean.html index 83aa11bd745c..57a4764986df 100644 --- a/resources/views/pdf-designs/clean.html +++ b/resources/views/pdf-designs/clean.html @@ -101,13 +101,31 @@ #product-table > tbody > tr:nth-child(odd) { background-color: #f5f5f5; } - #product-table > tfoot > tr > td { - padding: 1rem; + + #product-table-footer > * { + display: grid; + grid-template-columns: 3fr 1fr 1fr; + padding-top: 1rem; + padding-left: 1rem; + gap: 20px; } - #product-table > tfoot [data-element='balance-due'] { - color: #67b1cc; + #product-table-footer + > * + [data-element='product-table-balance-due-label'], + #product-table-footer + > * + [data-element='product-table-balance-due'] { font-weight: bold; } + #product-table-footer + > * + [data-element='product-table-balance-due'] { + color: #67b1cc; + } + #product-table-footer > * > :last-child { + text-align: right; + padding-right: 1rem; + } @@ -133,6 +151,8 @@
+ + diff --git a/resources/views/pdf-designs/creative.html b/resources/views/pdf-designs/creative.html index e5898090f2f1..5b80cda98521 100644 --- a/resources/views/pdf-designs/creative.html +++ b/resources/views/pdf-designs/creative.html @@ -85,21 +85,40 @@ font-size: 1.1rem; padding: 1rem; } + #product-table > thead > tr > th:last-child { + text-align: right; + } + #product-table > tbody > tr > td:last-child { + text-align: right; + } #product-table > tbody > tr > td { padding: 1rem; } #product-table > tbody > tr:nth-child(odd) { background-color: #e8e8e8; } - #product-table > tfoot > tr > td { - padding: 1rem; + + #product-table-footer > * { + display: grid; + grid-template-columns: 3fr 1fr 1fr; + padding-top: 1rem; } - #product-table > tfoot > tr:last-child > td { - border-top: 5px solid #b21c53; - } - #product-table > tfoot [data-element='product-table-balance-due'] { - color: #b21c53; + #product-table-footer + > * + [data-element='product-table-balance-due'] { font-weight: bold; + color: #b21c53; + } + #product-table-footer > * > * { + padding-left: 1rem; + } + #product-table-footer > *:last-child > * { + border-top: 5px solid #b21c53; + padding-top: 1rem; + } + #product-table-footer > * > :last-child { + text-align: right; + padding-right: 1rem; } @@ -131,6 +150,8 @@
+ + diff --git a/resources/views/pdf-designs/elegant.html b/resources/views/pdf-designs/elegant.html index 64a50ad9ef8f..9400f2549bae 100644 --- a/resources/views/pdf-designs/elegant.html +++ b/resources/views/pdf-designs/elegant.html @@ -95,19 +95,15 @@ color: #396d49; font-weight: medium; } + #product-table > thead > tr > th:last-child { + text-align: right; + } #product-table > tbody > tr > td { border-bottom: 1px solid; padding: 1rem; } - #product-table > tfoot > tr > td { - padding: 1rem; - } - #product-table - > tfoot - [data-element='product-table-balance-due-label'], - #product-table > tfoot [data-element='product-table-balance-due'] { - border-top: 1px solid; - border-bottom: 1px solid; + #product-table > tbody > tr > td:last-child { + text-align: right; } .thanks-label { @@ -118,6 +114,31 @@ padding-bottom: 1rem; border-bottom: 4px solid; } + + #product-table-footer > * { + display: grid; + grid-template-columns: 3fr 1fr 1fr; + padding-top: 1rem; + padding-left: 1rem; + gap: 20px; + } + #product-table-footer + > * + [data-element='product-table-balance-due-label'], + #product-table-footer + > * + [data-element='product-table-balance-due'] { + font-weight: bold; + } + #product-table-footer + > * + [data-element='product-table-balance-due'] { + color: #396d49; + } + #product-table-footer > * > :last-child { + text-align: right; + padding-right: 0.5rem; + } @@ -154,6 +175,8 @@
+ +