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

View File

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

View File

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

View File

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

View File

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

View File

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