classname edited for print

This commit is contained in:
Burak Civan 2022-06-14 09:53:44 +03:00
parent 709d6b12f4
commit 203b47169c
11 changed files with 2018 additions and 2004 deletions

52
public/css/print.css vendored
View File

@ -59,12 +59,12 @@ th, td
margin-bottom: 8px;
}
.mt-1
.print-template .mt-1
{
margin-top: 8px;
}
.ml-1
.print-template .ml-1
{
margin-left: 8px;
}
@ -74,67 +74,67 @@ th, td
padding-left: 18px;
}
.mt-0
.print-template .mt-0
{
margin-top: 0 !important;
}
.mt-1
.print-template .mt-1
{
margin-top: 8px;
}
.mt-2
.print-template .mt-2
{
margin-top: 16px;
}
.mt-3
.print-template .mt-3
{
margin-top: 24px;
}
.mt-4
.print-template .mt-4
{
margin-top: 32px;
}
.mt-5
.print-template .mt-5
{
margin-top: 40px;
}
.mt-6
.print-template .mt-6
{
margin-top: 48px;
}
.mt-7
.print-template .mt-7
{
margin-top: 56px;
}
.mt-8
.print-template .mt-8
{
margin-top: 64px;
}
.mt-9
.print-template .mt-9
{
margin-top: 72px;
}
.pb-0
.print-template .pb-0
{
padding-bottom: 0;
}
.pb-1
.print-template .pb-1
{
padding-bottom: 8px;
}
.py-1
.print-template .py-1
{
padding-bottom: 3px;
padding-top: 3px;
@ -158,47 +158,47 @@ th, td
padding: 0 10px 0 10px;
}
.pt-2
.print-template .pt-2
{
padding-top: 16px;
}
.pb-2
.print-template .pb-2
{
padding-bottom: 16px;
}
.pl-3
.print-template .pl-3
{
padding-left: 24px;
}
.pl-4
.print-template .pl-4
{
padding-left: 32px;
}
.pl-5
.print-template .pl-5
{
padding-left: 40px;
}
.pl-6
.print-template .pl-6
{
padding-left: 48px;
}
.pl-7
.print-template .pl-7
{
padding-left: 56px;
}
.pl-8
.print-template .pl-8
{
padding-left: 64px;
}
.pl-9
.print-template .pl-9
{
padding-left: 72px;
}
@ -383,7 +383,7 @@ html[dir='rtl'] .text-alignment-right {
.lines
{
border-collapse: collapse;
table-layout: fixed;
table-layout: auto;
border-bottom: 1px solid #adadad;
}
@ -564,7 +564,7 @@ html[dir='rtl'] .text-alignment-right {
.modern-lines
{
border-collapse: collapse;
table-layout: fixed;
table-layout: auto;
}
.modern-lines .item

View File

@ -1,4 +1,4 @@
<div class="p-7 shadow-2xl rounded-2xl print-template">
<div class="p-7 shadow-2xl rounded-2xl">
@if ($documentTemplate)
@switch($documentTemplate)
@case('classic')

View File

@ -1,4 +1,5 @@
<div class="row">
<div class="print-template">
<div class="row">
<div class="col-100">
<div class="text text-dark">
<h3>
@ -6,9 +7,9 @@
</h3>
</div>
</div>
</div>
</div>
<div class="row">
<div class="row">
<div class="col-58">
<div class="text">
@stack('company_logo_start')
@ -72,9 +73,9 @@
@stack('company_details_end')
</div>
</div>
</div>
</div>
<div class="row mt-2">
<div class="row mt-2">
<div class="col-33">
<div class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backgroundColor }};"></div>
<div class="invoice-classic-line" style="background-color:{{ $backgroundColor }};"></div>
@ -104,9 +105,9 @@
<div class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backgroundColor }};"></div>
<div class="invoice-classic-line" style="background-color:{{ $backgroundColor }};"></div>
</div>
</div>
</div>
<div class="row top-spacing">
<div class="row top-spacing">
<div class="col-60">
<div class="text p-index-left">
@if (! $hideContactInfo)
@ -227,9 +228,9 @@
@endforeach
</div>
</div>
</div>
</div>
@if (! $hideItems)
@if (! $hideItems)
<div class="row">
<div class="col-100">
<div class="text extra-spacing">
@ -308,9 +309,9 @@
</div>
</div>
</div>
@endif
@endif
<div class="row mt-4 clearfix">
<div class="row mt-4 clearfix">
<div class="col-60">
<div class="text p-index-right">
@stack('notes_input_start')
@ -370,9 +371,9 @@
@endif
@endforeach
</div>
</div>
</div>
@if (! $hideFooter)
@if (! $hideFooter)
@if ($document->footer)
<div class="row mt-1">
<div class="col-100">
@ -384,4 +385,5 @@
</div>
</div>
@endif
@endif
@endif
</div>

View File

@ -1,4 +1,5 @@
<div class="row">
<div class="print-template">
<div class="row">
<div class="col-100">
<div class="text text-dark">
<h3>
@ -6,9 +7,9 @@
</h3>
</div>
</div>
</div>
</div>
<div class="row border-bottom-1">
<div class="row border-bottom-1">
<div class="col-58">
<div class="text">
@stack('company_logo_start')
@ -69,9 +70,9 @@
@stack('company_details_end')
</div>
</div>
</div>
</div>
<div class="row top-spacing">
<div class="row top-spacing">
<div class="col-60">
<div class="text p-index-left">
@if (! $hideContactInfo)
@ -188,9 +189,9 @@
@stack('due_at_input_end')
</div>
</div>
</div>
</div>
@if (! $hideItems)
@if (! $hideItems)
<div class="row">
<div class="col-100">
<div class="text extra-spacing">
@ -269,9 +270,9 @@
</div>
</div>
</div>
@endif
@endif
<div class="row mt-9 clearfix">
<div class="row mt-9 clearfix">
<div class="col-60">
<div class="text p-index-left">
@stack('notes_input_start')
@ -329,9 +330,9 @@
@endif
@endforeach
</div>
</div>
</div>
@if (! $hideFooter)
@if (! $hideFooter)
@if ($document->footer)
<div class="row mt-4">
<div class="col-100 text-left">
@ -343,4 +344,5 @@
</div>
</div>
@endif
@endif
@endif
</div>

View File

@ -1,4 +1,5 @@
<div class="row">
<div class="print-template">
<div class="row">
<div class="col-100">
<div class="text text-dark">
<h3>
@ -6,9 +7,9 @@
</h3>
</div>
</div>
</div>
</div>
<div class="row modern-head pt-2 pb-2 mt-1 bg-{{ $backgroundColor }}" style="background-color:{{ $backgroundColor }} !important; -webkit-print-color-adjust: exact;">
<div class="row modern-head pt-2 pb-2 mt-1 bg-{{ $backgroundColor }}" style="background-color:{{ $backgroundColor }} !important; -webkit-print-color-adjust: exact;">
<div class="col-58">
<div class="text p-modern">
@stack('company_logo_start')
@ -75,9 +76,9 @@
@stack('company_details_end')
</div>
</div>
</div>
</div>
<div class="row top-spacing">
<div class="row top-spacing">
<div class="col-50">
<div class="text p-modern">
@if (! $hideContactInfo)
@ -199,9 +200,9 @@
@stack('due_at_input_end')
</div>
</div>
</div>
</div>
@if (! $hideItems)
@if (! $hideItems)
<div class="row">
<div class="col-100">
<div class="text extra-spacing">
@ -280,9 +281,9 @@
</div>
</div>
</div>
@endif
@endif
<div class="row mt-7 clearfix">
<div class="row mt-7 clearfix">
<div class="col-60">
<div class="text p-index-right p-modern">
@stack('notes_input_start')
@ -340,9 +341,9 @@
@endif
@endforeach
</div>
</div>
</div>
@if (! $hideFooter)
@if (! $hideFooter)
@if ($document->footer)
<div class="row mt-7">
<div class="col-100 py-top p-modern bg-{{ $backgroundColor }}" style="background-color:{{ $backgroundColor }} !important; -webkit-print-color-adjust: exact;">
@ -354,4 +355,5 @@
</div>
</div>
@endif
@endif
@endif
</div>

View File

@ -1,4 +1,4 @@
<div class="p-7 shadow-2xl rounded-2xl print-template">
<div class="p-7 shadow-2xl rounded-2xl">
@if ($transactionTemplate)
@switch($transactionTemplate)
@case('classic')

View File

@ -1,6 +1,7 @@
@stack('company_start')
@if (!$hideCompany)
<table class="border-bottom-1">
<div class="print-template">
@stack('company_start')
@if (!$hideCompany)
<table class="border-bottom-1">
<tr>
@if (!$hideCompanyLogo)
<td style="width:20%; padding: 0 0 15px 0;" valign="top">
@ -50,11 +51,11 @@
</td>
@endif
</tr>
</table>
@endif
@stack('company_end')
</table>
@endif
@stack('company_end')
@if (!$hideContentTitle)
@if (!$hideContentTitle)
<table>
<tr>
<td style="width: 60%; padding: 15px 0 15px 0;">
@ -64,9 +65,9 @@
</td>
</tr>
</table>
@endif
@endif
<table>
<table>
@stack('number_input_start')
@if (!$hideNumber)
<tr>
@ -166,9 +167,9 @@
</tr>
@endif
@stack('description_input_end')
</table>
</table>
<table class="border-top-1" style="margin-top:15px;">
<table class="border-top-1" style="margin-top:15px;">
<tr>
<td style="width: 60%; padding: 15px 0 15px 0;">
<h2 style="font-size: 12px; font-weight:600;">
@ -176,9 +177,9 @@
</h2>
</td>
</tr>
</table>
</table>
<table class="border-bottom-1" style="padding-bottom:15px;">
<table class="border-bottom-1" style="padding-bottom:15px;">
@if (!$hideContact)
@if (! $hideContactInfo)
@ -261,9 +262,9 @@
<tr>
<td></td>
</tr>
</table>
</table>
@if (!$hideRelated)
@if (!$hideRelated)
@if ($transaction->document)
<table>
<tr>
@ -340,9 +341,9 @@
</tbody>
</table>
@endif
@endif
@endif
@if (!$hideAmount)
@if (!$hideAmount)
<table style="text-align: right; margin-top:55px;">
<tr>
<td valign="center" style="width:80%; display:block; float:right; background-color: #55588B; -webkit-print-color-adjust: exact; color:#ffffff; border-radius: 5px;">
@ -359,4 +360,5 @@
</td>
</tr>
</table>
@endif
@endif
</div>

View File

@ -6,7 +6,7 @@
</div>
<div class="w-full lg:w-7/12">
<div class="p-7 shadow-2xl rounded-2xl print-template">
<div class="p-7 shadow-2xl rounded-2xl">
<x-transfers.show.template :model="$transfer" />
</div>
</div>

View File

@ -1,4 +1,5 @@
<table class="border-bottom-1" style="width: 100%;">
<div class="print-template">
<table class="border-bottom-1" style="width: 100%;">
<tbody>
<tr>
<td style="width: 60%; padding: 0 0 15px 0;">
@ -68,9 +69,9 @@
</td>
</tr>
</tbody>
</table>
</table>
<table class="border-bottom-1" style="width: 100%; margin-top:15px;">
<table class="border-bottom-1" style="width: 100%; margin-top:15px;">
<tbody>
<tr>
<td style="width: 60%; padding: 0 0 15px 0;">
@ -140,9 +141,9 @@
</td>
</tr>
</tbody>
</table>
</table>
<table style="width: 100%; margin-top:15px;">
<table style="width: 100%; margin-top:15px;">
<tr>
<td style="padding:0 0 15px 0;">
<h2 class="text-left text-uppercase" style="font-size: 14px; font-weight:600;">
@ -150,9 +151,9 @@
</h2>
</td>
</tr>
</table>
</table>
<table>
<table>
<tr>
<td valign="top" style="width: 30%; margin: 0px; padding: 0 4px 8px 0; font-size: 12px; font-weight:600;">
{{ trans('general.date') }}:
@ -196,9 +197,9 @@
{{ $transfer->expense_transaction->description }}
</td>
</tr>
</table>
</table>
<table style="text-align: right;">
<table style="text-align: right;">
<tr>
<td valign="center" style="width:80%; display:block; float:right; background-color: #55588B; -webkit-print-color-adjust: exact; color:#ffffff; border-radius: 5px;">
<table>
@ -214,4 +215,5 @@
</table>
</td>
</tr>
</table>
</table>
</div>

View File

@ -1,4 +1,5 @@
<table style="width: 100%;">
<div class="print-template">
<table style="width: 100%;">
<tr>
<td style="padding:0 0 15px 0;">
<h2 class="text-left" style="font-size: 14px; font-weight:600;">
@ -6,9 +7,9 @@
</h2>
</td>
</tr>
</table>
</table>
<table>
<table>
<tr>
<td valign="top" style="width: 30%; margin: 0px; padding: 8px 0 8px 0; font-size: 12px; font-weight:600; border-bottom:1px solid #adadad;">
{{ trans('general.date') }}:
@ -52,9 +53,9 @@
{{ $transfer->expense_transaction->description }}
</td>
</tr>
</table>
</table>
<table style="width: 100%; margin-top:35px;">
<table style="width: 100%; margin-top:35px;">
<tbody>
<tr>
<td class="border-bottom-1 border-top-1" style="width: 60%; padding: 15px 0 15px 0;">
@ -124,9 +125,9 @@
</td>
</tr>
</tbody>
</table>
</table>
<table style="width: 100%; margin-top:15px;">
<table style="width: 100%; margin-top:15px;">
<tbody>
<tr>
<td style="width: 60%; padding: 0 0 15px 0;">
@ -196,9 +197,9 @@
</td>
</tr>
</tbody>
</table>
</table>
<table style="text-align: right;">
<table style="text-align: right;">
<tr>
<td valign="center" style="width:80%; display:block; float:right;">
<table>
@ -214,4 +215,5 @@
</table>
</td>
</tr>
</table>
</table>
</div>

View File

@ -1,4 +1,5 @@
<table class="border-bottom-1" style="width: 100%;">
<div class="print-template">
<table class="border-bottom-1" style="width: 100%;">
<tbody>
<tr>
<td style="width: 50%; padding: 0 15px 15px 0;" valign="top">
@ -150,9 +151,9 @@
</td>
</tr>
</tbody>
</table>
</table>
<table style="width: 100%; margin-top:15px;">
<table style="width: 100%; margin-top:15px;">
<tr>
<td style="padding:0 0 15px 0;">
<h2 class="text-left text-uppercase" style="font-size: 14px; font-weight:600;">
@ -160,9 +161,9 @@
</h2>
</td>
</tr>
</table>
</table>
<table>
<table>
<tr>
<td valign="top" style="width: 30%; margin: 0px; padding: 0; font-size: 12px; font-weight:600; line-height: 24px;">
{{ trans('general.date') }}:
@ -206,9 +207,9 @@
{{ $transfer->expense_transaction->description }}
</td>
</tr>
</table>
</table>
<table style="text-align: right;">
<table style="text-align: right;">
<tr>
<td valign="center" style="width:80%; display:block; float:right;">
<table>
@ -224,4 +225,5 @@
</table>
</td>
</tr>
</table>
</table>
</div>