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

Hipster design

Browse Source
This commit is contained in:
David Bomba 2023-02-25 21:27:11 +11:00
parent 460b3e9864
commit 25d836cbdd
1 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
resources/views/pdf-designs/hipster.html
View File

@ -105,7 +105,6 @@
} }
.company-logo { .company-logo {
/* max-width: 65%;*/
max-width: $company_logo_size; max-width: $company_logo_size;
} }
@ -117,6 +116,14 @@
.entity-details-wrapper > * { .entity-details-wrapper > * {
margin-right: 1.5rem; margin-right: 1.5rem;
direction: $dir;
}
.entity-details-wrapper {
display: flex;
flex-wrap: wrap;
direction: $dir;
justify-content: space-between;
} }
.entity-details-wrapper .entity-property-label { .entity-details-wrapper .entity-property-label {
@ -137,7 +144,7 @@
[data-ref="table"] { [data-ref="table"] {
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 50px; margin-bottom: 5px;
min-width: 100%; min-width: 100%;
table-layout: fixed; table-layout: fixed;
overflow-wrap: break-word; overflow-wrap: break-word;
@ -164,6 +171,12 @@
[data-ref="table"] > thead > tr > th:last-child { [data-ref="table"] > thead > tr > th:last-child {
text-align: right; text-align: right;
padding-right: 1rem;
}
[data-ref="table"] > thead > tr > th:nth-last-child(2) {
text-align: right;
padding-right: 1rem;
} }
[data-ref="table"] > tbody > tr > td { [data-ref="table"] > tbody > tr > td {
@ -180,7 +193,7 @@
display: grid; display: grid;
grid-template-columns: 2fr 1fr; grid-template-columns: 2fr 1fr;
padding-top: 0.5rem; padding-top: 0.5rem;
margin-right: .75rem; margin-right: 1rem;
gap: 80px; gap: 80px;
page-break-inside:auto; page-break-inside:auto;
overflow: visible !important; overflow: visible !important;
@ -236,16 +249,6 @@
margin-bottom: 0; margin-bottom: 0;
} }
.entity-details-wrapper > * {
direction: $dir;
}
.entity-details-wrapper {
display: flex;
flex-wrap: wrap;
direction: $dir;
}
[data-ref="product_table-product.unit_cost-td"] { text-align: right; } [data-ref="product_table-product.unit_cost-td"] { text-align: right; }
[data-ref="totals_table-outstanding"] { color: var(--primary-color); } [data-ref="totals_table-outstanding"] { color: var(--primary-color); }