fixed issues for rtl

krayin · Aug 21, 2024 · e591a7f · e591a7f
1 parent e9badbe
commit e591a7f
Show file tree

Hide file tree

Showing 10 changed files with 38 additions and 38 deletions.
diff --git a/packages/Webkul/Admin/src/Resources/views/components/activities/index.blade.php b/packages/Webkul/Admin/src/Resources/views/components/activities/index.blade.php
@@ -172,9 +172,9 @@ class="flex cursor-pointer items-center gap-1 rounded-md p-1.5"
                                             @{{ "@lang('admin::app.components.activities.index.by-user', ['user' => 'replace'])".replace('replace', activity.user.name) }}
                                         </div>
                                     </div>
-
+                                    
                                     <!-- Activity More Options -->
-                                    <x-admin::dropdown position="bottom-right">
+                                    <x-admin::dropdown position="bottom-{{ in_array(app()->getLocale(), ['fa', 'ar']) ? 'left' : 'right' }}">
                                         <x-slot:toggle>
                                             <template v-if="! isUpdating[activity.id]">
                                                 <button

diff --git a/...Admin/src/Resources/views/components/form/control-group/controls/inline/boolean.blade.php b/...Admin/src/Resources/views/components/form/control-group/controls/inline/boolean.blade.php
@@ -63,7 +63,7 @@ class="text-normal py-1 pr-16"
                     </x-admin::form.control-group.control>
                         
                     <!-- Action Buttons -->
-                    <div class="absolute right-2 top-1/2 flex -translate-y-1/2 transform gap-[1px] bg-white">
+                    <div class="absolute right-2 top-1/2 flex -translate-y-1/2 transform gap-[1px]">
                         <button
                             type="button"
                             class="flex items-center justify-center rounded-l-md bg-green-100 p-1 hover:bg-green-200"

diff --git a/...ul/Admin/src/Resources/views/components/form/control-group/controls/inline/date.blade.php b/...ul/Admin/src/Resources/views/components/form/control-group/controls/inline/date.blade.php
@@ -70,7 +70,7 @@ class="text-normal py-1 pr-16"
                     />
                         
                     <!-- Action Buttons -->
-                    <div class="absolute right-2 top-1/2 flex -translate-y-1/2 transform gap-[1px] bg-white">
+                    <div class="absolute right-2 top-1/2 flex -translate-y-1/2 transform gap-[1px]">
                         <button
                             type="button"
                             class="flex items-center justify-center rounded-l-md bg-green-100 p-1 hover:bg-green-200"

diff --git a/...ul/Admin/src/Resources/views/components/form/control-group/controls/inline/file.blade.php b/...ul/Admin/src/Resources/views/components/form/control-group/controls/inline/file.blade.php
@@ -58,7 +58,7 @@ class="w-full rounded-md border px-3 py-2.5 text-sm text-gray-600 transition-all
                     />
                         
                     <!-- Action Buttons -->
-                    <div class="absolute right-2 top-1/2 flex -translate-y-1/2 transform gap-[1px] bg-white">
+                    <div class="absolute right-2 top-1/2 flex -translate-y-1/2 transform gap-[1px]">
                         <button
                             type="button"
                             class="flex items-center justify-center rounded-l-md bg-green-100 p-1 hover:bg-green-200"

diff --git a/...l/Admin/src/Resources/views/components/form/control-group/controls/inline/image.blade.php b/...l/Admin/src/Resources/views/components/form/control-group/controls/inline/image.blade.php
@@ -64,7 +64,7 @@ class="w-full rounded-md border px-3 py-2.5 text-sm text-gray-600 transition-all
                     />
                         
                     <!-- Action Buttons -->
-                    <div class="absolute right-2 top-1/2 flex -translate-y-1/2 transform gap-[1px] bg-white">
+                    <div class="absolute right-2 top-1/2 flex -translate-y-1/2 transform gap-[1px]">
                         <button
                             type="button"
                             class="flex items-center justify-center rounded-l-md bg-green-100 p-1 hover:bg-green-200"

diff --git a/...n/src/Resources/views/components/form/control-group/controls/inline/multiselect.blade.php b/...n/src/Resources/views/components/form/control-group/controls/inline/multiselect.blade.php
@@ -94,7 +94,7 @@ class="cursor-pointer px-4 py-2 text-gray-800 transition-colors hover:bg-blue-10
                     </div>
                         
                     <!-- Action Buttons -->
-                    <div class="absolute right-2 top-1/2 flex -translate-y-1/2 transform gap-[1px] bg-white">
+                    <div class="absolute right-2 top-1/2 flex -translate-y-1/2 transform gap-[1px]">
                         <button
                             type="button"
                             class="flex items-center justify-center rounded-l-md bg-green-100 p-1 hover:bg-green-200"

diff --git a/packages/Webkul/Admin/src/Resources/views/components/layouts/sidebar/index.blade.php b/packages/Webkul/Admin/src/Resources/views/components/layouts/sidebar/index.blade.php
@@ -22,7 +22,7 @@ class="flex gap-2 p-1.5 items-center cursor-pointer hover:rounded-lg {{ $menuIte
                             <p>{{ $menuItem->getName() }}</p>
 
                             @if ( ! in_array($menuItem->getKey(), ['settings', 'configuration']) && $menuItem->haveChildren())
-                                <i class="icon-right-arrow invisible text-2xl group-hover/item:visible {{ $menuItem->isActive() ? 'text-white' : ''}}"></i>
+                                <i class="icon-right-arrow rtl:icon-left-arrow invisible text-2xl group-hover/item:visible {{ $menuItem->isActive() ? 'text-white' : ''}}"></i>
                             @endif
                         </div>
                     </a>
@@ -33,7 +33,7 @@ class="flex gap-2 p-1.5 items-center cursor-pointer hover:rounded-lg {{ $menuIte
                         && $menuItem->haveChildren()
                     )
                         <div
-                            class="absolute left-[190px] top-0 hidden w-[200px] flex-col bg-gray-100"
+                            class="absolute top-0 hidden w-[200px] flex-col bg-gray-100 ltr:left-[190px] rtl:right-[190px]"
                             :class="[isMenuActive && (hoveringMenu == '{{$menuItem->getKey()}}') ? '!flex' : 'hidden']"
                         >
                             <div class="sidebar-rounded fixed top-14 z-[1000] h-full w-[140px] border bg-white pt-4 dark:border-gray-800 dark:bg-gray-900 max-lg:hidden">

diff --git a/packages/Webkul/Admin/src/Resources/views/components/tags/index.blade.php b/packages/Webkul/Admin/src/Resources/views/components/tags/index.blade.php
@@ -28,7 +28,7 @@ class="flex items-center gap-1 rounded-md bg-rose-100 px-3 py-1.5 text-xs font-m
             </span>
 
             <!-- Add Button -->
-            <x-admin::dropdown ::close-on-click="false">
+            <x-admin::dropdown ::close-on-click="false" position="bottom-{{ in_array(app()->getLocale(), ['fa', 'ar']) ? 'right' : 'left' }}">
                 <x-slot:toggle>
                     <button class="icon-settings-tag rounded-md p-1 text-xl transition-all hover:bg-gray-200 dark:hover:bg-gray-950"></button>
                 </x-slot>

diff --git a/packages/Webkul/Admin/src/Resources/views/quotes/create.blade.php b/packages/Webkul/Admin/src/Resources/views/quotes/create.blade.php
@@ -241,33 +241,33 @@ class="mt-4"
                                 @lang('admin::app.quotes.create.product-name')
                             </x-admin::table.th>
                 
-                            <x-admin::table.th class="!px-2 text-right">
+                            <x-admin::table.th class="!px-2 ltr:text-right rtl:text-left">
                                 @lang('admin::app.quotes.create.quantity')
                             </x-admin::table.th>
                 
-                            <x-admin::table.th class="!px-2 text-right">
+                            <x-admin::table.th class="!px-2 ltr:text-right rtl:text-left">
                                 @lang('admin::app.quotes.create.price')
                             </x-admin::table.th>
                 
-                            <x-admin::table.th class="!px-2 text-right">
+                            <x-admin::table.th class="!px-2 ltr:text-right rtl:text-left">
                                 @lang('admin::app.quotes.create.amount')
                             </x-admin::table.th>
                 
-                            <x-admin::table.th class="!px-2 text-right">
+                            <x-admin::table.th class="!px-2 ltr:text-right rtl:text-left">
                                 @lang('admin::app.quotes.create.discount')
                             </x-admin::table.th>
                 
-                            <x-admin::table.th class="!px-2 text-right">
+                            <x-admin::table.th class="!px-2 ltr:text-right rtl:text-left">
                                 @lang('admin::app.quotes.create.tax')
                             </x-admin::table.th>
                 
-                            <x-admin::table.th class="!px-2 text-right">
+                            <x-admin::table.th class="!px-2 ltr:text-right rtl:text-left">
                                 @lang('admin::app.quotes.create.total')
                             </x-admin::table.th>
 
                             <x-admin::table.th 
                                 v-if="products.length > 1"
-                                class="!px-2 text-right"
+                                class="!px-2 ltr:text-right rtl:text-left"
                             >
                                 @lang('admin::app.quotes.create.action')
                             </x-admin::table.th>
@@ -392,7 +392,7 @@ class="control"
                 </x-admin::table.td>
             
                 <!-- Quantity -->
-                <x-admin::table.td class="!px-2 text-right">
+                <x-admin::table.td class="!px-2 ltr:text-right rtl:text-left">
                     <x-admin::form.control-group class="!mb-0">
                         <x-admin::form.control-group.control
                             type="inline"
@@ -408,7 +408,7 @@ class="control"
                 </x-admin::table.td>
             
                 <!-- Price -->
-                <x-admin::table.td class="!px-2 text-right">
+                <x-admin::table.td class="!px-2 ltr:text-right rtl:text-left">
                     <x-admin::form.control-group class="!mb-0">
                         <x-admin::form.control-group.control
                             type="inline"
@@ -424,7 +424,7 @@ class="control"
                 </x-admin::table.td>
             
                 <!-- Total -->
-                <x-admin::table.td class="!px-2 text-right">
+                <x-admin::table.td class="!px-2 ltr:text-right rtl:text-left">
                     <x-admin::form.control-group class="!mb-0">
                         <x-admin::form.control-group.control
                             type="inline"
@@ -440,7 +440,7 @@ class="control"
                 </x-admin::table.td>
             
                 <!-- Discount Amount -->
-                <x-admin::table.td class="!px-2 text-right">
+                <x-admin::table.td class="!px-2 ltr:text-right rtl:text-left">
                     <x-admin::form.control-group class="!mb-0">
                         <x-admin::form.control-group.control
                             type="inline"
@@ -456,7 +456,7 @@ class="control"
                 </x-admin::table.td>
             
                 <!-- Tax Amount -->
-                <x-admin::table.td class="!px-2 text-right">
+                <x-admin::table.td class="!px-2 ltr:text-right rtl:text-left">
                     <x-admin::form.control-group class="!mb-0">
                         <x-admin::form.control-group.control
                             type="inline"
@@ -472,7 +472,7 @@ class="control"
                 </x-admin::table.td>
             
                 <!-- Total with Discount -->
-                <x-admin::table.td class="!px-2 text-right">
+                <x-admin::table.td class="!px-2 ltr:text-right rtl:text-left">
                     <x-admin::form.control-group class="!mb-0">
                         <x-admin::form.control-group.control
                             type="inline"
@@ -487,7 +487,7 @@ class="control"
                 <!-- Action -->
                 <x-admin::table.td
                     v-if="$parent.products.length > 1"
-                    class="!px-2 text-right"
+                    class="!px-2 ltr:text-right rtl:text-left"
                 >
                     <x-admin::form.control-group class="!mb-0">
                         <i  

diff --git a/packages/Webkul/Admin/src/Resources/views/quotes/edit.blade.php b/packages/Webkul/Admin/src/Resources/views/quotes/edit.blade.php
@@ -237,33 +237,33 @@ class="mt-4"
                                 @lang('admin::app.quotes.create.product-name')
                             </x-admin::table.th>
                 
-                            <x-admin::table.th class="!px-2 text-right">
+                            <x-admin::table.th class="!px-2 ltr:text-right rtl:text-left">
                                 @lang('admin::app.quotes.create.quantity')
                             </x-admin::table.th>
                 
-                            <x-admin::table.th class="!px-2 text-right">
+                            <x-admin::table.th class="!px-2 ltr:text-right rtl:text-left">
                                 @lang('admin::app.quotes.create.price') ({{ core()->currencySymbol(config('app.currency')) }})
                             </x-admin::table.th>
                 
-                            <x-admin::table.th class="!px-2 text-right">
+                            <x-admin::table.th class="!px-2 ltr:text-right rtl:text-left">
                                 @lang('admin::app.quotes.create.amount') ({{ core()->currencySymbol(config('app.currency')) }})
                             </x-admin::table.th>
                 
-                            <x-admin::table.th class="!px-2 text-right">
+                            <x-admin::table.th class="!px-2 ltr:text-right rtl:text-left">
                                 @lang('admin::app.quotes.create.discount') ({{ core()->currencySymbol(config('app.currency')) }})
                             </x-admin::table.th>
                 
-                            <x-admin::table.th class="!px-2 text-right">
+                            <x-admin::table.th class="!px-2 ltr:text-right rtl:text-left">
                                 @lang('admin::app.quotes.create.tax') ({{ core()->currencySymbol(config('app.currency')) }})
                             </x-admin::table.th>
                 
-                            <x-admin::table.th class="!px-2 text-right">
+                            <x-admin::table.th class="!px-2 ltr:text-right rtl:text-left">
                                 @lang('admin::app.quotes.create.total') ({{ core()->currencySymbol(config('app.currency')) }})
                             </x-admin::table.th>
 
                             <x-admin::table.th 
                                 v-if="products.length > 1"
-                                class="!px-2 text-right"
+                                class="!px-2 ltr:text-right rtl:text-left"
                             >
                                 @lang('admin::app.quotes.create.action')
                             </x-admin::table.th>
@@ -390,7 +390,7 @@ class="control"
                 </x-admin::table.td>
             
                 <!-- Quantity -->
-                <x-admin::table.td class="!px-2 text-right">
+                <x-admin::table.td class="!px-2 ltr:text-right rtl:text-left">
                     <x-admin::form.control-group class="!mb-0">
                         <x-admin::form.control-group.control
                             type="inline"
@@ -406,7 +406,7 @@ class="control"
                 </x-admin::table.td>
             
                 <!-- Price -->
-                <x-admin::table.td class="!px-2 text-right">
+                <x-admin::table.td class="!px-2 ltr:text-right rtl:text-left">
                     <x-admin::form.control-group class="!mb-0">
                         <x-admin::form.control-group.control
                             type="inline"
@@ -422,7 +422,7 @@ class="control"
                 </x-admin::table.td>
             
                 <!-- Total -->
-                <x-admin::table.td class="!px-2 text-right">
+                <x-admin::table.td class="!px-2 ltr:text-right rtl:text-left">
                     <x-admin::form.control-group class="!mb-0">
                         <x-admin::form.control-group.control
                             type="inline"
@@ -438,7 +438,7 @@ class="control"
                 </x-admin::table.td>
             
                 <!-- Discount Amount -->
-                <x-admin::table.td class="!px-2 text-right">
+                <x-admin::table.td class="!px-2 ltr:text-right rtl:text-left">
                     <x-admin::form.control-group class="!mb-0">
                         <x-admin::form.control-group.control
                             type="inline"
@@ -454,7 +454,7 @@ class="control"
                 </x-admin::table.td>
             
                 <!-- Tax Amount -->
-                <x-admin::table.td class="!px-2 text-right">
+                <x-admin::table.td class="!px-2 ltr:text-right rtl:text-left">
                     <x-admin::form.control-group class="!mb-0">
                         <x-admin::form.control-group.control
                             type="inline"
@@ -470,7 +470,7 @@ class="control"
                 </x-admin::table.td>
             
                 <!-- Total with Discount -->
-                <x-admin::table.td class="!px-2 text-right">
+                <x-admin::table.td class="!px-2 ltr:text-right rtl:text-left">
                     <x-admin::form.control-group class="!mb-0">
                         <x-admin::form.control-group.control
                             type="inline"
@@ -485,7 +485,7 @@ class="control"
                 <!-- Action -->
                 <x-admin::table.td
                     v-if="$parent.products.length > 1"
-                    class="!p-2 !px-2 text-right"
+                    class="!p-2 !px-2 ltr:text-right rtl:text-left"
                 >
                     <x-admin::form.control-group class="!mb-0">
                         <i