Sultan
/
invoiceninja
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixes for hipster designs

This commit is contained in:
David Bomba 2025-01-30 20:30:02 +11:00
parent aa85b32729
commit 084caf989d
1 changed files with 39 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
resources/views/pdf-designs/creative.html
View File

@ -46,7 +46,7 @@
grid-auto-columns: minmax(0, 1fr);
grid-auto-flow: column;
justify-content:left;
gap: 20px;
gap: 0px;
line-height: var(--line-height);
}
@ -55,16 +55,16 @@
float:right;
}
,logo-wrapper {
.logo-wrapper {
grid-area: e;
align-content: right;
border:1px solid #000;
margin-left: 1rem;
}
#entity-details {
width: 100%;
white-space: nowrap;
margin-right: 3rem;
text-align: right;
}
#entity-details p {
@ -91,40 +91,61 @@
.header-wrapper .company-info-wrapper > * {
margin-bottom: 1rem;
grid-row-end: 4;
margin-left: 1rem;
}
.entity-label-wrapper {
display: grid;
grid-template-columns: 3fr 1fr;
margin-top: 1rem;
display: flex;
align-items: center;
width: 100%;
overflow: hidden;
box-sizing: border-box;
justify-content: space-between;
margin-top:1rem;
margin-bottom:1rem;
}
.entity-label {
display: flex;
}
.entity-label h4 {
margin-top:0rem;
margin-bottom:0rem;
}
.entity-details-wrapper {
flex-shrink: 0;
}
.entity-label-wrapper .entity-label > * {
font-size: 3rem;
}
.entity-label-wrapper .entity-label > *:first-child {
text-transform: uppercase;
white-space: nowrap;
}
.entity-label-wrapper .entity-label > *:last-child {
color: var(--primary-color);
font-style: italic;
}
.entity-label-wrapper #entity-details {
text-align: left;
}
#shipping-details {
display: $show_shipping_address;
flex-direction: column;
line-height: var(--line-height) !important;
margin-left: 1rem;
}
.entity-label-wrapper #entity-details > tr,
.entity-label-wrapper #entity-details th {
font-weight: normal;
line-height: var(--line-height);
padding-left: 1rem;
}
[data-ref="table"] {
@ -136,7 +157,7 @@
[data-ref="table"]:not(:empty) {
border-top: 5px solid var(--primary-color);
margin-top: 3rem;
margin-top: 1rem;
}
.task-time-details {
@ -385,10 +406,10 @@
</div>
</div>
<div class="entity-label-wrapper">
<h1 class="entity-label">
<span>$entity_label</span>&nbsp;
<span>#$entity_number</span>
</h1>
<div class="entity-label">
<h4>$entity_label</h4>
<h4>#$entity_number</h4>
</div>
<div class="entity-details-wrapper">
<table id="entity-details" cellspacing="0" dir="$dir"></table>
</div>
@ -400,8 +421,8 @@
<div id="statement-invoice-table-totals" data-ref="statement-totals"></div>
<table id="statement-payment-table" cellspacing="0" data-ref="table"></table>
<div id="statement-payment-table-totals" data-ref="statement-totals"></div>
<table id="statement-credit-table" cellspacing="0" data-ref="table"></table>
<div id="statement-credit-table-totals" data-ref="statement-totals"></div>
<table id="statement-credit-table" cellspacing="0" data-ref="table"></table>
<div id="statement-credit-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">$status_logo</div>