fix invoice and estimate page-break margin

This commit is contained in:
yogesh_gohil
2019-11-15 18:00:42 +05:30
parent 9707b6b3a2
commit c3f69a3f60
6 changed files with 54 additions and 30 deletions

View File

@ -35,7 +35,7 @@
width: 100%;
height: 90px;
left: 0px;
top: 0px;
top: -50px;
}
.header-logo {
@ -69,10 +69,15 @@
color: rgba(0, 0, 0, 0.5);
}
@page {
margin-top: 60px !important;
}
.wrapper {
display: block;
padding-top: 60px;
padding-bottom: 60px;
margin-top: 0px;
padding-top: 16px;
padding-bottom: 20px;
}
.address {
@ -343,6 +348,7 @@
margin-left: 30px;
width: 442px;
text-align: left;
page-break-inside: avoid;
}
.notes-label {
@ -375,8 +381,8 @@
</td>
</tr>
</table>
<hr class="header-line" style="border: 0.620315px solid #E8E8E8;" />
</div>
<hr class="header-line" />
<div class="wrapper">
<div class="address">
<div class="company">
@ -413,7 +419,9 @@
</div>
<div style="clear: both;"></div>
</div>
@include('app.pdf.estimate.partials.table')
<div style="position:relative">
@include('app.pdf.estimate.partials.table')
</div>
@include('app.pdf.estimate.partials.notes')
</div>
</body>

View File

@ -23,15 +23,17 @@
display:inline-block;
width:30%;
}
@page {
margin-top: 60px !important;
}
.header-table {
background: #817AE3;
position: absolute;
width: 100%;
height: 141px;
left: 0px;
top: 0px;
top: -60px;
}
.header-logo {
position: absolute;
@ -73,8 +75,8 @@
.wrapper {
display: block;
padding-top: 110px;
padding-bottom: 60px;
margin-top: 60px;
padding-bottom: 20px;
}
.address {
@ -371,6 +373,7 @@
margin-left: 30px;
width: 442px;
text-align: left;
page-break-inside: avoid;
}
.notes-label {

View File

@ -19,7 +19,7 @@
hr {
color:rgba(0, 0, 0, 0.2);
position: absolute;
top: 140px;
top: 80px;
left: 0px;
right: -70px;
width: 100%;
@ -37,9 +37,7 @@
width: 100%;
height: 150px;
left: 0px;
top: 0px;
top: -60px;
}
.header-logo {
position: absolute;
@ -77,10 +75,14 @@
color: rgba(0, 0, 0, 0.5);
}
@page {
margin-top: 60px !important;
}
.wrapper {
display: block;
padding-top: 110px;
padding-bottom: 60px;
padding-top: 50px;
padding-bottom: 20px;
}
.address {
@ -379,6 +381,7 @@
margin-left: 30px;
width: 442px;
text-align: left;
page-break-inside: avoid;
}
.notes-label {
@ -416,7 +419,7 @@
</tr>
</table>
</div>
<hr>
<hr style="border: 0.620315px solid #E8E8E8;">
<div class="wrapper">
<div class="address">
<div class="bill-add">

View File

@ -70,10 +70,15 @@
color: rgba(0, 0, 0, 0.5);
}
@page {
margin-top: 60px !important;
}
.wrapper {
display: block;
margin-top: 0px;
padding-top: 16px;
padding-bottom: 60px;
padding-bottom: 20px;
}
.address {
@ -350,6 +355,7 @@
margin-left: 30px;
width: 442px;
text-align: left;
page-break-inside: avoid;
}
.notes-label {

View File

@ -23,15 +23,16 @@
display:inline-block;
width:30%;
}
@page {
margin-top: 60px !important;
}
.header-table {
background: #817AE3;
position: absolute;
width: 100%;
height: 141px;
left: 0px;
top: 0px;
top: -60px;
}
.header-logo {
position: absolute;
@ -73,8 +74,8 @@
.wrapper {
display: block;
padding-top: 110px;
padding-bottom: 60px;
margin-top: 60px;
padding-bottom: 20px;
}
.address {
@ -381,6 +382,7 @@
margin-left: 30px;
width: 442px;
text-align: left;
page-break-inside: avoid;
}
.notes-label {

View File

@ -19,7 +19,7 @@
hr {
color:rgba(0, 0, 0, 0.2);
position: absolute;
top: 140px;
top: 80px;
left: 0px;
right: -70px;
width: 100%;
@ -37,9 +37,7 @@
width: 100%;
height: 150px;
left: 0px;
top: 0px;
top: -60px;
}
.header-logo {
position: absolute;
@ -77,10 +75,13 @@
color: rgba(0, 0, 0, 0.5);
}
@page {
margin-top: 60px !important;
}
.wrapper {
display: block;
padding-top: 110px;
padding-bottom: 60px;
padding-top: 50px;
padding-bottom: 20px;
}
.address {
@ -390,6 +391,7 @@
margin-left: 30px;
width: 442px;
text-align: left;
page-break-inside: avoid;
}
.notes-label {
@ -427,7 +429,7 @@
</tr>
</table>
</div>
<hr>
<hr style="border: 0.620315px solid #E8E8E8;">
<div class="wrapper">
<div class="address">
<div class="bill-add">