Update designs @page margin

This commit is contained in:
Benjamin Beganović 2020-09-08 12:40:04 +02:00
parent 0902b903a7
commit 2e66a4df83
10 changed files with 54 additions and 2 deletions

View File

@ -159,7 +159,7 @@ trait DesignHelpers
public function sharedFooterElements() public function sharedFooterElements()
{ {
return ['element' => 'div', 'properties' => ['style' => 'display: flex; justify-content: space-between'], 'elements' => [ return ['element' => 'div', 'properties' => ['style' => 'display: flex; justify-content: space-between; margin-top: 1.5rem;'], 'elements' => [
['element' => 'img', 'properties' => ['src' => '$contact.signature', 'style' => 'height: 5rem;']], ['element' => 'img', 'properties' => ['src' => '$contact.signature', 'style' => 'height: 5rem;']],
['element' => 'img', 'properties' => ['src' => '$app_url/images/created-by-invoiceninja-new.png', 'style' => 'height: 5rem;', 'hidden' => $this->entity->user->account->isPaid() ? 'true' : 'false']], ['element' => 'img', 'properties' => ['src' => '$app_url/images/created-by-invoiceninja-new.png', 'style' => 'height: 5rem;', 'hidden' => $this->entity->user->account->isPaid() ? 'true' : 'false']],
]]; ]];

View File

@ -12,6 +12,11 @@
font-size: 14px; font-size: 14px;
} }
@page {
margin-top: 1cm;
margin-bottom: 1cm;
}
body { body {
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
@ -151,7 +156,7 @@
</div> </div>
<table id="product-table" cellspacing="0"></table> <table id="product-table" cellspacing="0"></table>
<div id="product-table-footer" cellspacing="0"></div> <div id="product-table-footer" cellspacing="0"></div>
<footer id="footer"></footer> <footer id="footer"></footer>

View File

@ -13,6 +13,18 @@
font-size: 14px; font-size: 14px;
} }
@page {
margin-top: 1cm;
margin-bottom: 1cm;
}
@media print {
body {
margin: 0;
padding: 0;
}
}
.header-container { .header-container {
display: grid; display: grid;
grid-template-columns: 1.8fr 1fr 1fr; grid-template-columns: 1.8fr 1fr 1fr;

View File

@ -13,6 +13,11 @@
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
@page {
margin-top: 1cm;
margin-bottom: 1cm;
}
@media print { @media print {
body { body {
margin-top: 0; margin-top: 0;

View File

@ -11,6 +11,11 @@
font-size: 14px; font-size: 14px;
} }
@page {
margin-top: 1cm;
margin-bottom: 1cm;
}
body { body {
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;

View File

@ -11,6 +11,11 @@
font-size: 14px; font-size: 14px;
} }
@page {
margin-top: 1cm;
margin-bottom: 1cm;
}
body { body {
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;

View File

@ -11,6 +11,11 @@
font-size: 14px; font-size: 14px;
} }
@page {
margin-top: 1cm;
margin-bottom: 1cm;
}
body { body {
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;

View File

@ -11,6 +11,11 @@
font-size: 14px; font-size: 14px;
} }
@page {
margin-top: 1cm;
margin-bottom: 1cm;
}
body { body {
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;

View File

@ -11,6 +11,11 @@
font-size: 14px; font-size: 14px;
} }
@page {
margin-top: 1cm;
margin-bottom: 1cm;
}
body { body {
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;

View File

@ -11,6 +11,11 @@
font-size: 14px; font-size: 14px;
} }
@page {
margin-top: 1cm;
margin-bottom: 1cm;
}
body { body {
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;