shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #2622 from brkcvn/rtl-print

Browse Source 
RTL controlled for toggle component & print template
This commit is contained in:
Burak Civan 2022-09-12 11:05:32 +03:00 committed by GitHub
commit 4c98bd661e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 73 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
public/css/app.css vendored
View File

@ -47211,6 +47211,16 @@ html[dir='rtl'] .el-scrollbar__wrap {
opacity: 0.5;
}
/* template table border radius control */
html[dir="rtl"] .lines-radius-border thead td:first-child {
border-radius: 0px 10px 10px 0px;
}
html[dir="rtl"] .lines-radius-border thead td:last-child {
border-radius: 10px 0px 0px 10px;
}
/* template table border radius control */
[dir="ltr"] .ltr\:-right-57 {
right: -14.5rem;
}
@ -47934,6 +47944,22 @@ body{
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
[dir="ltr"] .ltr\:rounded-tl-lg{
border-top-left-radius: 0.5rem;
}
[dir="ltr"] .ltr\:rounded-bl-lg{
border-bottom-left-radius: 0.5rem;
}
[dir="ltr"] .ltr\:rounded-tr-lg{
border-top-right-radius: 0.5rem;
}
[dir="ltr"] .ltr\:rounded-br-lg{
border-bottom-right-radius: 0.5rem;
}
[dir="ltr"] .ltr\:pr-6{
padding-right: 1.5rem;
}
@ -48109,6 +48135,22 @@ body{
--tw-space-x-reverse: 1;
}
[dir="rtl"] .rtl\:rounded-tr-lg{
border-top-right-radius: 0.5rem;
}
[dir="rtl"] .rtl\:rounded-br-lg{
border-bottom-right-radius: 0.5rem;
}
[dir="rtl"] .rtl\:rounded-tl-lg{
border-top-left-radius: 0.5rem;
}
[dir="rtl"] .rtl\:rounded-bl-lg{
border-bottom-left-radius: 0.5rem;
}
[dir="rtl"] .rtl\:pl-6{
padding-left: 1.5rem;
}

12
public/css/print.css vendored
View File

@ -242,7 +242,7 @@ html[dir='rtl'] .print-template .ml-2
border-radius: 0.25rem
}
html[dir='ltr'] .border-radius-first {
/* html[dir='ltr'] .border-radius-first {
border-radius: 10px 0px 0px 10px;
}
@ -256,8 +256,18 @@ html[dir='ltr'] .border-radius-last {
html[dir='rtl'] .border-radius-last {
border-radius: 10px 0px 0px 10px;
} */
/* template table border radius control */
html[dir="ltr"] .lines-radius-border thead td:first-child {
border-radius: 10px 0px 0px 10px;
}
html[dir="ltr"] .lines-radius-border thead td:last-child {
border-radius: 0px 10px 10px 0px;
}
/* template table border radius control */
html[dir='ltr'] .float-left
{
float: left !important;

10
resources/assets/sass/app.css vendored
View File

@ -503,6 +503,16 @@ html[dir='rtl'] .el-scrollbar__wrap {
@apply cursor-default pointer-events-none opacity-50;
}
/* template table border radius control */
html[dir="rtl"] .lines-radius-border thead td:first-child {
border-radius: 0px 10px 10px 0px;
}
html[dir="rtl"] .lines-radius-border thead td:last-child {
border-radius: 10px 0px 0px 10px;
}
/* template table border radius control */
[dir="ltr"] .ltr\:-right-57 {
right: -14.5rem;
}

6
resources/views/components/documents/template/default.blade.php
View File

@ -195,12 +195,12 @@
<div class="row">
<div class="col-100">
<div class="text extra-spacing">
<table class="lines">
<table class="lines lines-radius-border">
<thead style="background-color:{{ $backgroundColor }} !important; -webkit-print-color-adjust: exact;">
<tr>
@stack('name_th_start')
@if (! $hideItems || (! $hideName && ! $hideDescription))
<td class="item text font-semibold text-alignment-left text-left text-white border-radius-first">
<td class="item text font-semibold text-alignment-left text-left text-white">
<span>
{{ (trans_choice($textItems, 2) != $textItems) ? trans_choice($textItems, 2) : trans($textItems) }}
</span>
@ -242,7 +242,7 @@
@stack('total_th_start')
@if (! $hideAmount)
<td class="total text font-semibold text-white text-alignment-right text-right border-radius-last">
<td class="total text font-semibold text-white text-alignment-right text-right">
<span>
{{ trans($textAmount) }}
</span>

6
resources/views/components/documents/template/modern.blade.php
View File

@ -206,12 +206,12 @@
<div class="row">
<div class="col-100">
<div class="text extra-spacing">
<table class="lines modern-lines">
<table class="lines modern-lines lines-radius-border">
<thead style="background-color:{{ $backgroundColor }} !important; -webkit-print-color-adjust: exact;">
<tr>
@stack('name_th_start')
@if (! $hideItems || (! $hideName && ! $hideDescription))
<td class="item text font-semibold text-alignment-left text-left text-white border-radius-first">
<td class="item text font-semibold text-alignment-left text-left text-white">
{{ (trans_choice($textItems, 2) != $textItems) ? trans_choice($textItems, 2) : trans($textItems) }}
</td>
@endif
@ -245,7 +245,7 @@
@stack('total_th_start')
@if (! $hideAmount)
<td class="total text font-semibold text-white text-alignment-right text-right border-radius-last">
<td class="total text font-semibold text-white text-alignment-right text-right">
{{ trans($textAmount) }}
</td>
@endif

8
resources/views/components/form/group/toggle.blade.php
View File

@ -11,24 +11,24 @@
<div class="flex items-center mt-1">
@if (empty($attributes['disabled']))
<label class="relative w-10 rounded-tl-lg rounded-bl-lg py-2 px-1 text-sm text-center transition-all cursor-pointer" @click="form.{{ $name }}=1" v-bind:class="[form.{{ $name }} == 1 ? ['bg-green-500','text-white'] : 'bg-black-100']">
<label class="relative w-10 ltr:rounded-tl-lg ltr:rounded-bl-lg rtl:rounded-tr-lg rtl:rounded-br-lg py-2 px-1 text-sm text-center transition-all cursor-pointer" @click="form.{{ $name }}=1" v-bind:class="[form.{{ $name }} == 1 ? ['bg-green-500','text-white'] : 'bg-black-100']">
{{ empty($enable) ? trans('general.yes') : $enable }}
<input type="radio" name="{{ $name }}" id="{{ $name }}-1" class="absolute left-0 opacity-0">
</label>
@else
<label class="relative w-10 rounded-tl-lg rounded-bl-lg py-2 px-1 text-sm text-center transition-all cursor-not-allowed{{ ($value) ? ' bg-green-500 text-white opacity-20 disabled' : ' disabled' }}">
<label class="relative w-10 ltr:rounded-tl-lg ltr:rounded-bl-lg rtl:rounded-tr-lg rtl:rounded-br-lg py-2 px-1 text-sm text-center transition-all cursor-not-allowed{{ ($value) ? ' bg-green-500 text-white opacity-20 disabled' : ' disabled' }}">
{{ empty($enable) ? trans('general.yes') : $enable }}
<input type="radio" name="{{ $name }}" id="{{ $name }}-1" class="absolute left-0 opacity-0" disabled>
</label>
@endif
@if (empty($attributes['disabled']))
<label class="relative w-10 rounded-tr-lg rounded-br-lg py-2 px-1 text-sm text-center transition-all cursor-pointer" @click="form.{{ $name }}=0" v-bind:class="[form.{{ $name }} == 0 ? ['bg-red-500','text-white'] : 'bg-black-100']">
<label class="relative w-10 ltr:rounded-tr-lg ltr:rounded-br-lg rtl:rounded-tl-lg rtl:rounded-bl-lg py-2 px-1 text-sm text-center transition-all cursor-pointer" @click="form.{{ $name }}=0" v-bind:class="[form.{{ $name }} == 0 ? ['bg-red-500','text-white'] : 'bg-black-100']">
{{ empty($disable) ? trans('general.no') : $disable }}
<input type="radio" name="{{ $name }}" id="{{ $name }}-0" class="absolute left-0 opacity-0">
</label>
@else
<label class="relative w-10 rounded-tr-lg rounded-br-lg py-2 px-1 text-sm text-center transition-all cursor-not-allowed{{ ($value) ? ' disabled' : 'bg-red-500 text-white opacity-20 disabled disabled' }}">
<label class="relative w-10 ltr:rounded-tr-lg ltr:rounded-br-lg rtl:rounded-tl-lg rtl:rounded-bl-lg py-2 px-1 text-sm text-center transition-all cursor-not-allowed{{ ($value) ? ' disabled' : 'bg-red-500 text-white opacity-20 disabled disabled' }}">
{{ empty($disable) ? trans('general.no') : $disable }}
<input type="radio" name="{{ $name }}" id="{{ $name }}-0" class="absolute left-0 opacity-0" disabled>
</label>