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

View File

@ -1,4 +1,5 @@
<div class="row"> <div class="print-template">
<div class="row">
<div class="col-100"> <div class="col-100">
<div class="text text-dark"> <div class="text text-dark">
<h3> <h3>
@ -6,9 +7,9 @@
</h3> </h3>
</div> </div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-58"> <div class="col-58">
<div class="text"> <div class="text">
@stack('company_logo_start') @stack('company_logo_start')
@ -72,9 +73,9 @@
@stack('company_details_end') @stack('company_details_end')
</div> </div>
</div> </div>
</div> </div>
<div class="row mt-2"> <div class="row mt-2">
<div class="col-33"> <div class="col-33">
<div class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backgroundColor }};"></div> <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 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 mb-1 mt-4" style="background-color:{{ $backgroundColor }};"></div>
<div class="invoice-classic-line" style="background-color:{{ $backgroundColor }};"></div> <div class="invoice-classic-line" style="background-color:{{ $backgroundColor }};"></div>
</div> </div>
</div> </div>
<div class="row top-spacing"> <div class="row top-spacing">
<div class="col-60"> <div class="col-60">
<div class="text p-index-left"> <div class="text p-index-left">
@if (! $hideContactInfo) @if (! $hideContactInfo)
@ -227,9 +228,9 @@
@endforeach @endforeach
</div> </div>
</div> </div>
</div> </div>
@if (! $hideItems) @if (! $hideItems)
<div class="row"> <div class="row">
<div class="col-100"> <div class="col-100">
<div class="text extra-spacing"> <div class="text extra-spacing">
@ -308,9 +309,9 @@
</div> </div>
</div> </div>
</div> </div>
@endif @endif
<div class="row mt-4 clearfix"> <div class="row mt-4 clearfix">
<div class="col-60"> <div class="col-60">
<div class="text p-index-right"> <div class="text p-index-right">
@stack('notes_input_start') @stack('notes_input_start')
@ -370,9 +371,9 @@
@endif @endif
@endforeach @endforeach
</div> </div>
</div> </div>
@if (! $hideFooter) @if (! $hideFooter)
@if ($document->footer) @if ($document->footer)
<div class="row mt-1"> <div class="row mt-1">
<div class="col-100"> <div class="col-100">
@ -384,4 +385,5 @@
</div> </div>
</div> </div>
@endif @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="col-100">
<div class="text text-dark"> <div class="text text-dark">
<h3> <h3>
@ -6,9 +7,9 @@
</h3> </h3>
</div> </div>
</div> </div>
</div> </div>
<div class="row border-bottom-1"> <div class="row border-bottom-1">
<div class="col-58"> <div class="col-58">
<div class="text"> <div class="text">
@stack('company_logo_start') @stack('company_logo_start')
@ -69,9 +70,9 @@
@stack('company_details_end') @stack('company_details_end')
</div> </div>
</div> </div>
</div> </div>
<div class="row top-spacing"> <div class="row top-spacing">
<div class="col-60"> <div class="col-60">
<div class="text p-index-left"> <div class="text p-index-left">
@if (! $hideContactInfo) @if (! $hideContactInfo)
@ -188,9 +189,9 @@
@stack('due_at_input_end') @stack('due_at_input_end')
</div> </div>
</div> </div>
</div> </div>
@if (! $hideItems) @if (! $hideItems)
<div class="row"> <div class="row">
<div class="col-100"> <div class="col-100">
<div class="text extra-spacing"> <div class="text extra-spacing">
@ -269,9 +270,9 @@
</div> </div>
</div> </div>
</div> </div>
@endif @endif
<div class="row mt-9 clearfix"> <div class="row mt-9 clearfix">
<div class="col-60"> <div class="col-60">
<div class="text p-index-left"> <div class="text p-index-left">
@stack('notes_input_start') @stack('notes_input_start')
@ -329,9 +330,9 @@
@endif @endif
@endforeach @endforeach
</div> </div>
</div> </div>
@if (! $hideFooter) @if (! $hideFooter)
@if ($document->footer) @if ($document->footer)
<div class="row mt-4"> <div class="row mt-4">
<div class="col-100 text-left"> <div class="col-100 text-left">
@ -343,4 +344,5 @@
</div> </div>
</div> </div>
@endif @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="col-100">
<div class="text text-dark"> <div class="text text-dark">
<h3> <h3>
@ -6,9 +7,9 @@
</h3> </h3>
</div> </div>
</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="col-58">
<div class="text p-modern"> <div class="text p-modern">
@stack('company_logo_start') @stack('company_logo_start')
@ -75,9 +76,9 @@
@stack('company_details_end') @stack('company_details_end')
</div> </div>
</div> </div>
</div> </div>
<div class="row top-spacing"> <div class="row top-spacing">
<div class="col-50"> <div class="col-50">
<div class="text p-modern"> <div class="text p-modern">
@if (! $hideContactInfo) @if (! $hideContactInfo)
@ -199,9 +200,9 @@
@stack('due_at_input_end') @stack('due_at_input_end')
</div> </div>
</div> </div>
</div> </div>
@if (! $hideItems) @if (! $hideItems)
<div class="row"> <div class="row">
<div class="col-100"> <div class="col-100">
<div class="text extra-spacing"> <div class="text extra-spacing">
@ -280,9 +281,9 @@
</div> </div>
</div> </div>
</div> </div>
@endif @endif
<div class="row mt-7 clearfix"> <div class="row mt-7 clearfix">
<div class="col-60"> <div class="col-60">
<div class="text p-index-right p-modern"> <div class="text p-index-right p-modern">
@stack('notes_input_start') @stack('notes_input_start')
@ -340,9 +341,9 @@
@endif @endif
@endforeach @endforeach
</div> </div>
</div> </div>
@if (! $hideFooter) @if (! $hideFooter)
@if ($document->footer) @if ($document->footer)
<div class="row mt-7"> <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;"> <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>
</div> </div>
@endif @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) @if ($transactionTemplate)
@switch($transactionTemplate) @switch($transactionTemplate)
@case('classic') @case('classic')

View File

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

View File

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

View File

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