Cutlery/invoiceninja
1
0
Fork 0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2025-07-09 03:14:30 -04:00
Code Issues Packages Projects Releases Wiki Activity

Plain design shipping address

Browse Source
This commit is contained in:
David Bomba 2023-02-22 16:19:51 +11:00
parent 434ef21043
commit c55e5298fc
1 changed files with 109 additions and 121 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
resources/views/pdf-designs/plain.html
View File

@ -15,7 +15,9 @@
zoom: 80%;
}
table tr td, table tr, th {
table tr td,
table tr,
th {
font-size: $font_size !important;
}
@ -42,12 +44,21 @@
display: grid;
grid-template-columns: 1fr 1fr 1fr;
line-height: var(--line-height);
margin-bottom: 10px;
}
.client-wrapper{
display: grid;
gap: 10px;
grid-template-columns: auto auto;
grid-template-areas: "a b";
grid-auto-columns: minmax(0, 1fr);
grid-auto-flow: column;
justify-content:left;
}
.company-logo {
/* max-width: 65%;*/
max-width: $company_logo_size;
max-width: 65%;
/* max-width: $company_logo_size;*/
}
.header-wrapper #company-address {
@ -70,37 +81,23 @@
padding-bottom: 0.3rem;
}
.entity-details-cell {
display: table-cell;
border-right: 10px solid transparent;
}
.header-wrapper
#entity-details
[data-element='entity-balance-due-label'],
.header-wrapper
#entity-details
[data-element='entity-balance-due'] {
.header-wrapper #entity-details [data-element='entity-balance-due-label'],
.header-wrapper #entity-details [data-element='entity-balance-due'] {
background-color: #e6e6e6;
}
.client-or-vendor-wrapper {
display: flex;
padding: 0.2rem;
}
#client-details {
display: flex;
flex-direction: column;
padding-right: 30px;
line-height: var(--line-height);
white-space: nowrap;
}
#shipping-details {
display: $show_shipping_address;
flex-direction: column;
padding-right: 30px;
line-height: var(--line-height);
white-space: nowrap;
}
[data-ref="table"] {
@ -108,7 +105,7 @@
min-width: 100%;
table-layout: fixed;
overflow-wrap: break-word;
margin-bottom: 20px;
margin-bottom: 50px;
}
.task-time-details {
@ -173,12 +170,8 @@
padding-right: 7px;
}
#table-totals
> *
[data-element='total-table-balance-due-label'],
#table-totals
> *
[data-element='total-table-balance-due'] {
#table-totals>* [data-element='total-table-balance-due-label'],
#table-totals>* [data-element='total-table-balance-due'] {
font-weight: bold;
}
@ -230,16 +223,19 @@
.repeating-footer-space {
height: 10px;
}
.repeating-header {
position: fixed;
top: 0;
}
.repeating-footer {
position: fixed;
bottom: 0;
}
[data-element='product_table-product.description-td'], td {
[data-element='product_table-product.description-td'],
td {
min-width: 100%;
max-width: 300px;
overflow-wrap: break-word;
@ -273,8 +269,6 @@
opacity: 0.2;
z-index: 200 !important;
position: fixed;
display: $show_paid_stamp;
}
.project-header {
@ -288,9 +282,7 @@
color: #505050;
}
.pqrcode {
}
.pqrcode {}
/** Useful snippets, uncomment to enable. **/
@ -338,15 +330,11 @@
<div id="company-details"></div>
<div id="company-address"></div>
<div>
<img
class="company-logo"
src="$company.logo"
alt="$company.name logo"
/>
<div id="entity-details"></div>
<img class="company-logo" src="$company.logo" alt="$company.name logo" />
<table id="entity-details" cellspacing="0" dir="$dir"></table>
</div>
</div>
<div class="header-wrapper">
<div class="client-wrapper">
<div id="client-details"></div>
<div id="vendor-details"></div>
<div id="shipping-details"></div>
@ -360,7 +348,7 @@
<div id="statement-payment-table-totals" data-ref="statement-totals"></div>
<table id="statement-aging-table" cellspacing="0" data-ref="table"></table>
<div id="statement-aging-table-totals" data-ref="statement-totals"></div>
<div id="table-totals" cellspacing="0"></div>
<div id="table-totals" cellspacing="0">$status_logo</div>
</div>
</td>
</tr>