Merge pull request #4060 from beganovich/v2-design-fixes

Design fixes & updates
This commit is contained in:
David Bomba 2020-09-12 09:12:03 +10:00 committed by GitHub
commit 9463ad07c7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
10 changed files with 54 additions and 16 deletions

View File

@ -234,9 +234,9 @@ class Design extends BaseDesign
$variable = sprintf('%s%s', '$', $property);
if (
!is_null($this->entity->{$property}) ||
!empty($this->entity->{$property}) ||
$this->entity->{$property} !== 0
!is_null($this->entity->{$property}) &&
!empty($this->entity->{$property}) &&
$this->entity->{$property} != 0
) {
continue;
}

View File

@ -110,10 +110,14 @@
background-color: #ebebeb;
}
#product-table-footer {
page-break-inside: avoid;
}
#product-table-footer > * {
display: grid;
grid-template-columns: 3fr 1fr 1fr;
padding-top: 1.2rem;
padding-top: .5rem;
padding-left: 1.2rem;
gap: 20px;
}

View File

@ -20,7 +20,7 @@
margin: 0;
padding: 0;
}
.header-container {
display: grid;
grid-template-columns: 1.8fr 1fr 1fr;
@ -134,6 +134,11 @@
margin-right: 0;
}
}
#product-table-footer {
page-break-inside: avoid;
}
#product-table-footer > *:last-child {
border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem;

View File

@ -106,10 +106,14 @@
background-color: #f5f5f5;
}
#product-table-footer {
page-break-inside: avoid;
}
#product-table-footer > * {
display: grid;
grid-template-columns: 3fr 1fr 1fr;
padding-top: 1rem;
padding-top: .5rem;
padding-left: 1rem;
gap: 20px;
}

View File

@ -107,6 +107,10 @@
background-color: #e8e8e8;
}
#product-table-footer {
page-break-inside: avoid;
}
#product-table-footer > * {
display: grid;
grid-template-columns: 3fr 1fr 1fr;

View File

@ -16,7 +16,6 @@
p {
margin: 0;
padding: 0;
page-break-after: always;
}
body {
@ -112,11 +111,15 @@
padding-bottom: 1rem;
border-bottom: 4px solid;
}
#product-table-footer {
page-break-inside: avoid;
}
#product-table-footer > * {
display: grid;
grid-template-columns: 3fr 1fr 1fr;
padding-top: 1rem;
padding-top: .5rem;
padding-left: 1rem;
gap: 20px;
}

View File

@ -117,10 +117,14 @@
text-align: right;
}
#product-table-footer {
page-break-inside: avoid;
}
#product-table-footer > * {
display: grid;
grid-template-columns: 3fr 1fr 1fr;
padding-top: 1.5rem;
padding-top: .5rem;
padding-left: 1rem;
gap: 20px;
}

View File

@ -115,10 +115,14 @@
margin-bottom: 0.5rem;
}
#product-table-footer {
page-break-inside: avoid;
}
#product-table-footer > * {
display: grid;
grid-template-columns: 3fr 1fr 1fr;
margin-top: 1.5rem;
margin-top: .5rem;
margin-right: 1.5rem;
margin-left: 1.5rem;
}

View File

@ -85,11 +85,15 @@
#product-table > tbody > tr > td:last-child {
text-align: right;
}
#product-table-footer {
page-break-inside: avoid;
}
#product-table-footer > * {
display: grid;
grid-template-columns: 3fr 1fr 1fr;
padding-top: 1rem;
padding-top: .5rem;
padding-left: 1rem;
gap: 20px;
}

View File

@ -68,7 +68,6 @@
margin-top: 1rem;
padding: 1rem;
border-top: 1px solid #009e90;
border-bottom: 1px solid #009e90;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
@ -77,6 +76,10 @@
margin-top: 1rem;
padding: 1rem;
border-top: 1px solid #009e90;
}
.contact-wrapper-left-side,
.contact-wrapper-right-side {
border-bottom: 1px solid #009e90;
}
@ -117,10 +120,14 @@
text-align: right;
}
#product-table-footer {
page-break-inside: avoid;
}
#product-table-footer > * {
display: grid;
grid-template-columns: 3fr 1fr 1fr;
padding-top: 1rem;
padding-top: 0.5rem;
padding-left: 1rem;
gap: 20px;
}
@ -164,7 +171,7 @@
</div>
<div class="contacts-wrapper">
<div>
<div class="contact-wrapper-left-side">
<p class="contact-label">$to_label:</p>
<div class="company-info">
<div id="company-details"></div>
@ -172,9 +179,8 @@
</div>
</div>
<div>
<div class="contact-wrapper-right-side">
<p class="contact-label">$from_label:</p>
<div id="client-details"></div>
</div>
</div>