mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2025-07-09 03:14:30 -04:00
Update Hipster
This commit is contained in:
parent
fde7c58859
commit
6adda9d0f6
@ -98,9 +98,7 @@
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
#product-table,
|
[data-ref="table"] {
|
||||||
#delivery-note-table,
|
|
||||||
#task-table {
|
|
||||||
margin-top: 3rem;
|
margin-top: 3rem;
|
||||||
/* margin-bottom: 200px; */
|
/* margin-bottom: 200px; */
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
@ -114,39 +112,29 @@
|
|||||||
color: grey;
|
color: grey;
|
||||||
}
|
}
|
||||||
|
|
||||||
#product-table > thead,
|
[data-ref="table"] > thead {
|
||||||
#product-table > thead,
|
|
||||||
#task-table > thead {
|
|
||||||
text-align: left;
|
text-align: left;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
#product-table > thead > tr > th,
|
[data-ref="table"] > thead > tr > th {
|
||||||
#delivery-note-table > thead > tr > th,
|
|
||||||
#task-table > thead > tr > th {
|
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
padding-bottom: 1.5rem;
|
padding-bottom: 1.5rem;
|
||||||
padding-left: 1rem;
|
padding-left: 1rem;
|
||||||
border-left: 1px solid;
|
border-left: 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
#product-table > thead > tr > th:last-child,
|
[data-ref="table"] > thead > tr > th:last-child {
|
||||||
#delivery-note-table > thead > tr > th:last-child,
|
|
||||||
#task-table > thead > tr > th:last-child {
|
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
#product-table > tbody > tr > td,
|
[data-ref="table"] > tbody > tr > td {
|
||||||
#delivery-note-table > tbody > tr > td,
|
|
||||||
#task-table > tbody > tr > td {
|
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
border-left: 1px solid;
|
border-left: 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
#product-table > tbody > tr td:last-child,
|
[data-ref="table"] > tbody > tr td:last-child {
|
||||||
#delivery-note-table > tbody > tr td:last-child,
|
|
||||||
#task-table > tbody > tr td:last-child {
|
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -208,9 +196,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/** Markdown-specific styles. **/
|
/** Markdown-specific styles. **/
|
||||||
#product-table h3,
|
[data-ref="table"] h3 {
|
||||||
#task-table h3,
|
|
||||||
#delivery-note-table h3 {
|
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
@ -229,8 +215,14 @@
|
|||||||
|
|
||||||
[data-ref="totals_table-outstanding"] { color: var(--primary-color); }
|
[data-ref="totals_table-outstanding"] { color: var(--primary-color); }
|
||||||
|
|
||||||
|
[data-ref="statement-totals"] {
|
||||||
|
margin-top: 1rem;
|
||||||
|
text-align: right;
|
||||||
|
margin-right: .75rem;
|
||||||
|
}
|
||||||
|
|
||||||
/** Useful snippets, uncomment to enable. **/
|
/** Useful snippets, uncomment to enable. **/
|
||||||
|
|
||||||
/** Hide company logo **/
|
/** Hide company logo **/
|
||||||
/* .company-logo { display: none } */
|
/* .company-logo { display: none } */
|
||||||
|
|
||||||
@ -294,17 +286,17 @@
|
|||||||
</span>
|
</span>
|
||||||
<span class="entity-property-value">$entity_number</span>
|
<span class="entity-property-value">$entity_number</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<span class="entity-property-label">$date_label:</span>
|
<span class="entity-property-label">$date_label:</span>
|
||||||
<span class="entity-property-value">$date</span>
|
<span class="entity-property-value">$date</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<span class="entity-property-label">$payment_due_label:</span>
|
<span class="entity-property-label">$payment_due_label:</span>
|
||||||
<span class="entity-property-value">$payment_due</span>
|
<span class="entity-property-value">$payment_due</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<span class="entity-property-label">$amount_due_label:</span>
|
<span class="entity-property-label">$amount_due_label:</span>
|
||||||
<span
|
<span
|
||||||
@ -315,11 +307,20 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<table id="product-table" cellspacing="0"></table>
|
<table id="product-table" cellspacing="0" data-ref="table"></table>
|
||||||
|
|
||||||
<table id="task-table" cellspacing="0"></table>
|
<table id="task-table" cellspacing="0" data-ref="table"></table>
|
||||||
|
|
||||||
<table id="delivery-note-table" cellspacing="0"></table>
|
<table id="delivery-note-table" cellspacing="0" data-ref="table"></table>
|
||||||
|
|
||||||
|
<table id="statement-invoice-table" cellspacing="0" data-ref="table"></table>
|
||||||
|
<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-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"></div>
|
||||||
</div>
|
</div>
|
||||||
@ -330,7 +331,12 @@
|
|||||||
<script>
|
<script>
|
||||||
// Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present.
|
// Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present.
|
||||||
document.addEventListener('DOMContentLoaded', () => {
|
document.addEventListener('DOMContentLoaded', () => {
|
||||||
['product-table', 'task-table', 'delivery-note-table'].forEach((tableIdentifier) => {
|
let tables = [
|
||||||
|
'product-table', 'task-table', 'delivery-note-table',
|
||||||
|
'statement-invoice-table', 'statement-payment-table', 'statement-aging-table-totals',
|
||||||
|
];
|
||||||
|
|
||||||
|
tables.forEach((tableIdentifier) => {
|
||||||
document.getElementById(tableIdentifier).childElementCount === 0
|
document.getElementById(tableIdentifier).childElementCount === 0
|
||||||
? document.getElementById(tableIdentifier).style.display = 'none'
|
? document.getElementById(tableIdentifier).style.display = 'none'
|
||||||
: '';
|
: '';
|
||||||
|
Loading…
x
Reference in New Issue
Block a user