mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2025-05-24 02:14:21 -04:00
Merge pull request #4060 from beganovich/v2-design-fixes
Design fixes & updates
This commit is contained in:
commit
9463ad07c7
@ -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;
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user