rtl controlled for document and transaction show

This commit is contained in:
Burak Civan 2022-08-03 17:07:12 +03:00
parent 179106380c
commit b945539e2e
10 changed files with 355562 additions and 569 deletions

356076
public/css/app.css vendored

File diff suppressed because it is too large Load Diff

27
public/css/print.css vendored
View File

@ -25,10 +25,14 @@ th, td
margin-bottom: 9px;
}
.right-column {
html[dir='ltr'] .right-column {
text-align: right;
}
html[dir='rtl'] .right-column {
text-align: left;
}
.small-text {
font-size: 10px;
}
@ -239,16 +243,26 @@ html[dir='rtl'] .border-radius-last {
border-radius: 10px 0px 0px 10px;
}
.float-left
html[dir='ltr'] .float-left
{
float: left !important;
}
.float-right
html[dir='rtl'] .float-left
{
float: right !important;
}
html[dir='ltr'] .float-right
{
float: right !important;
}
html[dir='rtl'] .float-right
{
float: left !important;
}
.font-size-unset
{
font-size: unset;
@ -291,11 +305,16 @@ html[dir='rtl'] .text-alignment-right {
text-align: left !important;
}
.text-right
html[dir='ltr'] .text-right
{
text-align: right;
}
html[dir='rtl'] .text-right
{
text-align: left;
}
.text-center
{
text-align: center;

View File

@ -5,7 +5,7 @@
@else
<span class="material-icons text-base">attach_file</span>
@endif
<div class="flex flex-col text-gray-500 ml-3 gap-y-1">
<div class="flex flex-col text-gray-500 ltr:ml-3 rtl:mr-3 gap-y-1">
<span class="w-64 text-sm truncate">{{ $file->basename }}</span>
<span class="text-xs mb-0">{{ $file->readableSize() }}</span>
</div>

View File

@ -1,4 +1,4 @@
<div>
<div class="ltr:text-left rtl:text-right">
<h2 class="lg:text-lg font-medium text-black">
<x-button.hover group-hover>
{{ $title }}

View File

@ -5,7 +5,7 @@
<div class="relative w-full text-left cursor-pointer group" x-on:click="{{ $type }} !== 'open' ? {{ $type }} = 'open' : {{ $type }} = 'close'">
{!! $head !!}
<x-icon filled class="absolute right-0 top-0 transition-all transform" :icon="$icon" x-bind:class="{{ $type }} === 'open' ? 'rotate-180' : ''" />
<x-icon filled class="absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" :icon="$icon" x-bind:class="{{ $type }} === 'open' ? 'rotate-180' : ''" />
</div>
@endif

View File

@ -2,7 +2,7 @@
<div class="border-b border-gray-200 pb-4"
x-data="{ attachment : null }"
>
<div class="relative w-full text-left cursor-pointer group"
<div class="relative w-full ltr:text-left rtl:text-right cursor-pointer group"
x-on:click="attachment !== 1 ? attachment = 1 : attachment = null"
>
<span class="font-medium">
@ -15,7 +15,7 @@
{{ trans('transactions.slider.attachments') }}
</div>
<span class="material-icons absolute right-0 top-0 transition-all transform" x-bind:class="attachment === 1 ? 'rotate-180' : ''">expand_more</span>
<span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" x-bind:class="attachment === 1 ? 'rotate-180' : ''">expand_more</span>
</div>
<div class="overflow-hidden transition-transform origin-top-left ease-linear duration-100"

View File

@ -1,5 +1,5 @@
<div class="border-b pb-4" x-data="{ children : null }">
<button class="relative w-full text-left cursor-pointer group"
<button class="relative w-full ltr:text-left rtl:text-right cursor-pointer group"
x-on:click="children !== 1 ? children = 1 : children = null"
>
<span class="font-medium">
@ -12,7 +12,7 @@
{!! trans('transactions.slider.children', ['count' => $transaction->children()->count()]) !!}
</div>
<span class="material-icons absolute right-0 top-0 transition-all transform"
<span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform"
x-bind:class="children === 1 ? 'rotate-180' : ''"
>expand_more</span>
</button>

View File

@ -1,7 +1,7 @@
@php $created_date = '<span class="font-medium">' . company_date($transaction->created_at) . '</span>' @endphp
<div class="border-b pb-4" x-data="{ create : null }">
<button class="relative w-full text-left group"
<button class="relative w-full ltr:text-left rtl:text-right group"
x-on:click="create !== 1 ? create = 1 : create = null"
>
<span class="font-medium">
@ -18,7 +18,7 @@
@endif
</div>
<span class="material-icons absolute right-0 top-0 transition-all transform" x-bind:class="create === 1 ? 'rotate-180' : ''">expand_more</span>
<span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" x-bind:class="create === 1 ? 'rotate-180' : ''">expand_more</span>
</button>
<div class="overflow-hidden transition-transform origin-top-left ease-linear duration-100"

View File

@ -4,7 +4,7 @@
@endphp
<div class="border-b pb-4" x-data="{ schedule : null }">
<button class="relative w-full text-left cursor-pointer group"
<button class="relative w-full ltr:text-left rtl:text-right cursor-pointer group"
x-on:click="schedule !== 1 ? schedule = 1 : schedule = null"
>
<span class="font-medium">
@ -17,7 +17,7 @@
{!! trans('transactions.slider.schedule', ['frequency' => $frequency, 'interval' => $transaction->recurring->interval, 'date' => $started_date]) !!}
</div>
<span class="material-icons absolute right-0 top-0 transition-all transform" x-bind:class="schedule === 1 ? 'rotate-180' : ''">expand_more</span>
<span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform" x-bind:class="schedule === 1 ? 'rotate-180' : ''">expand_more</span>
</button>
<div class="overflow-hidden transition-transform origin-top-left ease-linear duration-100"

View File

@ -10,7 +10,7 @@
@endif
<div class="border-b pb-4" x-data="{ transfer : 1 }">
<button class="relative w-full text-left cursor-pointer group"
<button class="relative w-full ltr:text-left rtl:text-right cursor-pointer group"
x-on:click="transfer !== 1 ? transfer = 1 : transfer = null"
>
<span class="font-medium border-b border-transparent transition-all group-hover:border-black">
@ -23,7 +23,7 @@
</div>
@endif
<span class="material-icons absolute right-0 top-0 transition-all transform"
<span class="material-icons absolute ltr:right-0 rtl:left-0 top-0 transition-all transform"
x-bind:class="transfer === 1 ? 'rotate-180' : ''"
>expand_more</span>
</button>
@ -38,7 +38,7 @@
</div>
@else
<div class="mt-2">
<div class="alert alert-notify p-4 text-black font-bold rounded-lg bg-orange-100 text-orange-600">
<div class="alert alert-notify p-4 font-bold rounded-lg bg-orange-100 text-orange-600">
<span class="alert-text">
<span>{{ trans('messages.warning.missing_transfer') }}</span>
</span>