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

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

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