Cutlery/invoiceninja
1
0
Fork 0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2025-11-04 08:17:32 -05:00
Code Issues Packages Projects Releases Wiki Activity

Calm design shipping address

Browse Source
This commit is contained in:
David Bomba 2023-02-22 16:03:35 +11:00
parent ac9532d1a1
commit 434ef21043
1 changed files with 32 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
resources/views/pdf-designs/calm.html
View File

@ -45,9 +45,13 @@
.header-wrapper2 { .header-wrapper2 {
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 2rem; margin-top: 2rem;
min-width: 100%; gap: 20px;
grid-template-columns: 2fr 2fr auto;
grid-template-areas: "a b c";
grid-auto-columns: minmax(0, 5fr);
grid-auto-flow: column;
justify-content: left;
} }
.company-logo { .company-logo {
@ -71,15 +75,13 @@
.header-wrapper #entity-details { .header-wrapper #entity-details {
margin-top: 0.5rem; margin-top: 0.5rem;
text-align: left; text-align: left;
width: 100%; /* width: 100%; */
} }
.header-wrapper #entity-details > tr, .header-wrapper #entity-details > tr,
.header-wrapper #entity-details th { .header-wrapper #entity-details th {
font-weight: normal; font-weight: normal;
padding-left: 0.9rem; white-space: nowrap;
padding-top: 0.3rem;
padding-bottom: 0.3rem;
} }
.header-wrapper .header-wrapper
@ -98,7 +100,7 @@
} }
#shipping-details { #shipping-details {
display: $show_shipping_address; visibility: $show_shipping_address_visibility;
flex-direction: column; flex-direction: column;
line-height: var(--line-height); line-height: var(--line-height);
} }
@ -180,7 +182,7 @@
#entity-details { #entity-details {
text-align: left; text-align: left;
width: 100%; /* width: 100%; */
} }
#entity-details th { #entity-details th {
@ -276,6 +278,10 @@
[data-ref="total_table-public_notes"] { font-weight: normal; } [data-ref="total_table-public_notes"] { font-weight: normal; }
[data-ref="total_table-terms"] { font-weight: normal; } [data-ref="total_table-terms"] { font-weight: normal; }
/* [data-ref="shipping_address-label"] {
display: none;
} */
.stamp { .stamp {
transform: rotate(12deg); transform: rotate(12deg);
color: #555; color: #555;
@ -362,25 +368,24 @@
<tr> <tr>
<td> <td>
<div id=""> <div id="">
<div class="header-wrapper"> <div class="header-wrapper">
<div> <div>
<img class="company-logo" src="$company.logo" alt="$company.name logo"> <img class="company-logo" src="$company.logo" alt="$company.name logo">
</div> </div>
<div style="float:right; width:100%;"> <div style="float:right; width:100%;">
<div id="company-details"></div> <div id="company-details"></div>
<div id="company-address" style="margin-top:10px;"></div> <div id="company-address" style="margin-top:10px;"></div>
</div> </div>
</div> </div>
<div class="header-wrapper2"> <div class="header-wrapper2">
<div id="client-details"></div> <div id="client-details"></div>
<div id="vendor-details"></div> <div id="vendor-details"></div>
<div id="shipping-details"></div> <div id="shipping-details"></div>
<div>
<div> <p class="entity-label" style="font-size:32px; font-weight: bold; color:$primary_color; padding-left: 5px;">$entity_label</p>
<p class="entity-label" style="font-size:32px; font-weight: bold; color:$primary_color;">$entity_label</p> <table id="entity-details" cellspacing="5" dir="ltr"></table>
<table id="entity-details" cellspacing="0" dir="ltr"></table> </div>
</div> </div>
</div>
<table id="product-table" cellspacing="0" data-ref="table"></table> <table id="product-table" cellspacing="0" data-ref="table"></table>
<table id="task-table" cellspacing="0" data-ref="table"></table> <table id="task-table" cellspacing="0" data-ref="table"></table>