replace left/right with start/end to support RTL (#312)

joelbutcher · Nov 1, 2023 · 9ccf15a · 9ccf15a
1 parent baa28e0
commit 9ccf15a
Show file tree

Hide file tree

Showing 31 changed files with 41 additions and 41 deletions.
diff --git a/stubs/breeze/default/resources/views/auth/login.blade.php b/stubs/breeze/default/resources/views/auth/login.blade.php
@@ -28,7 +28,7 @@
         <div class="block mt-4">
             <label for="remember_me" class="inline-flex items-center">
                 <input id="remember_me" type="checkbox" class="rounded dark:bg-gray-900 border-gray-300 dark:border-gray-700 text-indigo-600 shadow-sm focus:ring-indigo-500 dark:focus:ring-indigo-600 dark:focus:ring-offset-gray-800" name="remember">
-                <span class="ml-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Remember me') }}</span>
+                <span class="ms-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Remember me') }}</span>
             </label>
         </div>
 
@@ -39,7 +39,7 @@
                 </a>
             @endif
 
-            <x-primary-button class="ml-3">
+            <x-primary-button class="ms-3">
                 {{ __('Log in') }}
             </x-primary-button>
         </div>

diff --git a/stubs/breeze/default/resources/views/auth/register.blade.php b/stubs/breeze/default/resources/views/auth/register.blade.php
@@ -44,7 +44,7 @@
                 {{ __('Already registered?') }}
             </a>
 
-            <x-primary-button class="ml-4">
+            <x-primary-button class="ms-4">
                 {{ __('Register') }}
             </x-primary-button>
         </div>

diff --git a/stubs/breeze/default/resources/views/components/connected-account.blade.php b/stubs/breeze/default/resources/views/components/connected-account.blade.php
@@ -1,11 +1,11 @@
 @props(['provider', 'createdAt' => null])
 
 <div>
-    <div class="pl-3 flex items-center justify-between">
+    <div class="ps-3 flex items-center justify-between">
         <div class="flex items-center">
             <x-socialstream-icons.provider-icon :provider="$provider['id']" class="h-6 w-6" />
 
-            <div class="ml-2">
+            <div class="ms-2">
                 <div class="text-sm font-semibold text-gray-600 dark:text-gray-400">
                     {{ __($provider['name']) }}
                 </div>

diff --git a/stubs/breeze/default/resources/views/profile/partials/connected-accounts-form.blade.php b/stubs/breeze/default/resources/views/profile/partials/connected-accounts-form.blade.php
@@ -70,7 +70,7 @@ class="mt-1 block w-3/4"
                                 {{ __('Cancel') }}
                             </x-secondary-button>
 
-                            <x-danger-button class="ml-3">
+                            <x-danger-button class="ms-3">
                                 {{ __('Remove Account') }}
                             </x-danger-button>
                         </div>

diff --git a/stubs/breeze/inertia-react-ts/resources/js/Components/ConnectedAccount.tsx b/stubs/breeze/inertia-react-ts/resources/js/Components/ConnectedAccount.tsx
@@ -12,7 +12,7 @@ export default function ConnectedAccount({ children, provider, connectedAccount
                 <div className="flex items-center">
                     <ProviderIcon provider={provider} className="h-6 w-6"/>
 
-                    <div className="ml-2">
+                    <div className="ms-2">
                         <div className="text-sm font-semibold text-gray-600 dark:text-gray-400">
                             {provider.name}
                         </div>

diff --git a/stubs/breeze/inertia-react-ts/resources/js/Pages/Auth/Login.tsx b/stubs/breeze/inertia-react-ts/resources/js/Pages/Auth/Login.tsx
@@ -75,7 +75,7 @@ export default function Login({ status, canResetPassword, socialstream, errors:
                             checked={data.remember}
                             onChange={(e) => setData('remember', e.target.checked)}
                         />
-                        <span className="ml-2 text-sm text-gray-600 dark:text-gray-400">Remember me</span>
+                        <span className="ms-2 text-sm text-gray-600 dark:text-gray-400">Remember me</span>
                     </label>
                 </div>
 
@@ -89,7 +89,7 @@ export default function Login({ status, canResetPassword, socialstream, errors:
                         </Link>
                     )}
 
-                    <PrimaryButton className="ml-4" disabled={processing}>
+                    <PrimaryButton className="ms-4" disabled={processing}>
                         Log in
                     </PrimaryButton>
                 </div>

diff --git a/stubs/breeze/inertia-react-ts/resources/js/Pages/Auth/Register.tsx b/stubs/breeze/inertia-react-ts/resources/js/Pages/Auth/Register.tsx
@@ -109,7 +109,7 @@ export default function Register({ socialstream, errors: { socialstream: socials
                         Already registered?
                     </Link>
 
-                    <PrimaryButton className="ml-4" disabled={processing}>
+                    <PrimaryButton className="ms-4" disabled={processing}>
                         Register
                     </PrimaryButton>
                 </div>

diff --git a/stubs/breeze/inertia-react-ts/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.tsx b/stubs/breeze/inertia-react-ts/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.tsx
@@ -108,7 +108,7 @@ export default function ConnectedAccountsForm({ className = '', hasPassword, pro
                                         <div className="mt-6 flex justify-end">
                                             <SecondaryButton onClick={closeModal}>Cancel</SecondaryButton>
 
-                                            <DangerButton className="ml-3" disabled={processing}>
+                                            <DangerButton className="ms-3" disabled={processing}>
                                                 Remove Account
                                             </DangerButton>
                                         </div>

diff --git a/stubs/breeze/inertia-react/resources/js/Components/ConnectedAccount.jsx b/stubs/breeze/inertia-react/resources/js/Components/ConnectedAccount.jsx
@@ -7,7 +7,7 @@ export default function ConnectedAccount({ children, provider, connectedAccount
                 <div className="flex items-center">
                     <ProviderIcon provider={provider} className="h-6 w-6" />
 
-                    <div className="ml-2">
+                    <div className="ms-2">
                         <div className="text-sm font-semibold text-gray-600 dark:text-gray-400">{provider.name}</div>
 
                         {connectedAccount?.created_at ? (

diff --git a/stubs/breeze/inertia-react/resources/js/Pages/Auth/Login.jsx b/stubs/breeze/inertia-react/resources/js/Pages/Auth/Login.jsx
@@ -79,7 +79,7 @@ export default function Login({
                             checked={data.remember}
                             onChange={(e) => setData('remember', e.target.checked)}
                         />
-                        <span className="ml-2 text-sm text-gray-600 dark:text-gray-400">Remember me</span>
+                        <span className="ms-2 text-sm text-gray-600 dark:text-gray-400">Remember me</span>
                     </label>
                 </div>
 
@@ -93,7 +93,7 @@ export default function Login({
                         </Link>
                     )}
 
-                    <PrimaryButton className="ml-4" disabled={processing}>
+                    <PrimaryButton className="ms-4" disabled={processing}>
                         Log in
                     </PrimaryButton>
                 </div>

diff --git a/stubs/breeze/inertia-react/resources/js/Pages/Auth/Register.jsx b/stubs/breeze/inertia-react/resources/js/Pages/Auth/Register.jsx
@@ -108,7 +108,7 @@ export default function Register({ socialstream, errors: { socialstream: socials
                         Already registered?
                     </Link>
 
-                    <PrimaryButton className="ml-4" disabled={processing}>
+                    <PrimaryButton className="ms-4" disabled={processing}>
                         Register
                     </PrimaryButton>
                 </div>

diff --git a/stubs/breeze/inertia-react/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.jsx b/stubs/breeze/inertia-react/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.jsx
@@ -110,7 +110,7 @@ export default function ConnectedAccountsForm({ className = '', hasPassword, pro
                                         <div className="mt-6 flex justify-end">
                                             <SecondaryButton onClick={closeModal}>Cancel</SecondaryButton>
 
-                                            <DangerButton className="ml-3" disabled={processing}>
+                                            <DangerButton className="ms-3" disabled={processing}>
                                                 Remove Account
                                             </DangerButton>
                                         </div>

diff --git a/stubs/breeze/inertia-vue-ts/resources/js/Components/ConnectedAccount.vue b/stubs/breeze/inertia-vue-ts/resources/js/Components/ConnectedAccount.vue
@@ -13,9 +13,9 @@ const props = defineProps<{
     <div>
         <div class="px-3 flex items-center justify-between">
             <div class="flex items-center">
-                <ProviderIcon :provider="provider" classes="h-6 w-6 mr-2"/>
+                <ProviderIcon :provider="provider" classes="h-6 w-6 me-2"/>
 
-                <div class="ml-2">
+                <div class="ms-2">
                     <div class="text-sm font-semibold text-gray-600 dark:text-gray-400">
                         {{ provider.name }}
                     </div>

diff --git a/stubs/breeze/inertia-vue-ts/resources/js/Pages/Auth/Login.vue b/stubs/breeze/inertia-vue-ts/resources/js/Pages/Auth/Login.vue
@@ -74,7 +74,7 @@ const submit = () => {
             <div class="block mt-4">
                 <label class="flex items-center">
                     <Checkbox v-model:checked="form.remember" name="remember"/>
-                    <span class="ml-2 text-sm text-gray-600 dark:text-gray-400">Remember me</span>
+                    <span class="ms-2 text-sm text-gray-600 dark:text-gray-400">Remember me</span>
                 </label>
             </div>
 
@@ -87,7 +87,7 @@ const submit = () => {
                     Forgot your password?
                 </Link>
 
-                <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing" class="ml-4">
+                <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing" class="ms-4">
                     Log in
                 </PrimaryButton>
             </div>

diff --git a/stubs/breeze/inertia-vue-ts/resources/js/Pages/Auth/Register.vue b/stubs/breeze/inertia-vue-ts/resources/js/Pages/Auth/Register.vue
@@ -103,7 +103,7 @@ const submit = () => {
                     Already registered?
                 </Link>
 
-                <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing" class="ml-4">
+                <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing" class="ms-4">
                     Register
                 </PrimaryButton>
             </div>

diff --git a/stubs/breeze/inertia-vue-ts/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.vue b/stubs/breeze/inertia-vue-ts/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.vue
@@ -130,7 +130,7 @@ const closeModal = () => {
                 <DangerButton
                     :class="{ 'opacity-25': form.processing }"
                     :disabled="form.processing"
-                    class="ml-3"
+                    class="ms-3"
                     @click="removeAccount"
                 >
                     Remove Account

diff --git a/stubs/breeze/inertia-vue/resources/js/Components/ConnectedAccount.vue b/stubs/breeze/inertia-vue/resources/js/Components/ConnectedAccount.vue
@@ -17,9 +17,9 @@ const props = defineProps({
     <div>
         <div class="px-3 flex items-center justify-between">
             <div class="flex items-center">
-                <ProviderIcon :provider="provider" classes="h-6 w-6 mr-2"/>
+                <ProviderIcon :provider="provider" classes="h-6 w-6 me-2"/>
 
-                <div class="ml-2">
+                <div class="ms-2">
                     <div class="text-sm font-semibold text-gray-600 dark:text-gray-400">
                         {{ provider.name }}
                     </div>

diff --git a/stubs/breeze/inertia-vue/resources/js/Pages/Auth/Login.vue b/stubs/breeze/inertia-vue/resources/js/Pages/Auth/Login.vue
@@ -79,7 +79,7 @@ const submit = () => {
             <div class="block mt-4">
                 <label class="flex items-center">
                     <Checkbox v-model:checked="form.remember" name="remember"/>
-                    <span class="ml-2 text-sm text-gray-600 dark:text-gray-400">Remember me</span>
+                    <span class="ms-2 text-sm text-gray-600 dark:text-gray-400">Remember me</span>
                 </label>
             </div>
 
@@ -92,7 +92,7 @@ const submit = () => {
                     Forgot your password?
                 </Link>
 
-                <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing" class="ml-4">
+                <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing" class="ms-4">
                     Log in
                 </PrimaryButton>
             </div>

diff --git a/stubs/breeze/inertia-vue/resources/js/Pages/Auth/Register.vue b/stubs/breeze/inertia-vue/resources/js/Pages/Auth/Register.vue
@@ -104,7 +104,7 @@ const submit = () => {
                     Already registered?
                 </Link>
 
-                <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing" class="ml-4">
+                <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing" class="ms-4">
                     Register
                 </PrimaryButton>
             </div>

diff --git a/stubs/breeze/inertia-vue/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.vue b/stubs/breeze/inertia-vue/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.vue
@@ -135,7 +135,7 @@ const closeModal = () => {
                 <DangerButton
                     :class="{ 'opacity-25': form.processing }"
                     :disabled="form.processing"
-                    class="ml-3"
+                    class="ms-3"
                     @click="removeAccount"
                 >
                     Remove Account

diff --git a/stubs/breeze/livewire-functional/resources/views/livewire/pages/auth/login.blade.php b/stubs/breeze/livewire-functional/resources/views/livewire/pages/auth/login.blade.php
@@ -54,7 +54,7 @@
         <div class="block mt-4">
             <label for="remember" class="inline-flex items-center">
                 <input wire:model="form.remember" id="remember" type="checkbox" class="rounded dark:bg-gray-900 border-gray-300 dark:border-gray-700 text-indigo-600 shadow-sm focus:ring-indigo-500 dark:focus:ring-indigo-600 dark:focus:ring-offset-gray-800" name="remember">
-                <span class="ml-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Remember me') }}</span>
+                <span class="ms-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Remember me') }}</span>
             </label>
         </div>
 
@@ -65,7 +65,7 @@
                 </a>
             @endif
 
-            <x-primary-button class="ml-3">
+            <x-primary-button class="ms-3">
                 {{ __('Log in') }}
             </x-primary-button>
         </div>

diff --git a/stubs/breeze/livewire-functional/resources/views/livewire/pages/auth/register.blade.php b/stubs/breeze/livewire-functional/resources/views/livewire/pages/auth/register.blade.php
@@ -84,7 +84,7 @@
                 {{ __('Already registered?') }}
             </a>
 
-            <x-primary-button class="ml-4">
+            <x-primary-button class="ms-4">
                 {{ __('Register') }}
             </x-primary-button>
         </div>

diff --git a/...ze/livewire-functional/resources/views/livewire/profile/connected-accounts-form.blade.php b/...ze/livewire-functional/resources/views/livewire/profile/connected-accounts-form.blade.php
@@ -94,7 +94,7 @@ class="mt-1 block w-3/4"
                                 {{ __('Cancel') }}
                             </x-secondary-button>
 
-                            <x-danger-button class="ml-3">
+                            <x-danger-button class="ms-3">
                                 {{ __('Remove Account') }}
                             </x-danger-button>
                         </div>

diff --git a/stubs/breeze/livewire-functional/resources/views/livewire/profile/delete-user-form.blade.php b/stubs/breeze/livewire-functional/resources/views/livewire/profile/delete-user-form.blade.php
@@ -70,7 +70,7 @@ class="mt-1 block w-3/4"
                     {{ __('Cancel') }}
                 </x-secondary-button>
 
-                <x-danger-button class="ml-3">
+                <x-danger-button class="ms-3">
                     {{ __('Delete Account') }}
                 </x-danger-button>
             </div>

diff --git a/stubs/breeze/livewire/resources/views/livewire/pages/auth/login.blade.php b/stubs/breeze/livewire/resources/views/livewire/pages/auth/login.blade.php
@@ -61,7 +61,7 @@ public function login(): void
         <div class="block mt-4">
             <label for="remember" class="inline-flex items-center">
                 <input wire:model="form.remember" id="remember" type="checkbox" class="rounded dark:bg-gray-900 border-gray-300 dark:border-gray-700 text-indigo-600 shadow-sm focus:ring-indigo-500 dark:focus:ring-indigo-600 dark:focus:ring-offset-gray-800" name="remember">
-                <span class="ml-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Remember me') }}</span>
+                <span class="ms-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Remember me') }}</span>
             </label>
         </div>
 
@@ -72,7 +72,7 @@ public function login(): void
                 </a>
             @endif
 
-            <x-primary-button class="ml-3">
+            <x-primary-button class="ms-3">
                 {{ __('Log in') }}
             </x-primary-button>
         </div>

diff --git a/stubs/breeze/livewire/resources/views/livewire/pages/auth/register.blade.php b/stubs/breeze/livewire/resources/views/livewire/pages/auth/register.blade.php
@@ -84,7 +84,7 @@ public function register(): void
                 {{ __('Already registered?') }}
             </a>
 
-            <x-primary-button class="ml-4">
+            <x-primary-button class="ms-4">
                 {{ __('Register') }}
             </x-primary-button>
         </div>

diff --git a/stubs/breeze/livewire/resources/views/livewire/profile/connected-accounts-form.blade.php b/stubs/breeze/livewire/resources/views/livewire/profile/connected-accounts-form.blade.php
@@ -98,7 +98,7 @@ class="mt-1 block w-3/4"
                                 {{ __('Cancel') }}
                             </x-secondary-button>
 
-                            <x-danger-button class="ml-3">
+                            <x-danger-button class="ms-3">
                                 {{ __('Remove Account') }}
                             </x-danger-button>
                         </div>

diff --git a/stubs/breeze/livewire/resources/views/livewire/profile/delete-user-form.blade.php b/stubs/breeze/livewire/resources/views/livewire/profile/delete-user-form.blade.php
@@ -74,7 +74,7 @@ class="mt-1 block w-3/4"
                     {{ __('Cancel') }}
                 </x-secondary-button>
 
-                <x-danger-button class="ml-3">
+                <x-danger-button class="ms-3">
                     {{ __('Delete Account') }}
                 </x-danger-button>
             </div>

diff --git a/stubs/jetstream/inertia/resources/js/Components/ConnectedAccount.vue b/stubs/jetstream/inertia/resources/js/Components/ConnectedAccount.vue
@@ -17,7 +17,7 @@ const props = defineProps({
     <div>
         <div class="px-3 flex items-center justify-between">
             <div class="flex items-center">
-                <ProviderIcon :provider="provider" classes="h-6 w-6 mr-2"/>
+                <ProviderIcon :provider="provider" classes="h-6 w-6 me-2"/>
 
                 <div class="ml-2">
                     <div class="text-sm font-semibold text-gray-600 dark:text-gray-400">

diff --git a/stubs/jetstream/inertia/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.vue b/stubs/jetstream/inertia/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.vue
@@ -93,7 +93,7 @@ const closeModal = () => {
                                     <button
                                         v-if="$page.props.jetstream.managesProfilePhotos && getAccountForProvider(provider).avatar_path"
                                         @click="setProfilePhoto(getAccountForProvider(provider).id)"
-                                        class="cursor-pointer ml-6 text-sm text-gray-500 hover:text-gray-700 focus:outline-none">
+                                        class="cursor-pointer ms-6 text-sm text-gray-500 hover:text-gray-700 focus:outline-none">
                                         Use Avatar as Profile Photo
                                     </button>
 

diff --git a/stubs/jetstream/livewire/resources/views/profile/connected-accounts-form.blade.php b/stubs/jetstream/livewire/resources/views/profile/connected-accounts-form.blade.php
@@ -32,7 +32,7 @@
                         @if (! is_null($account))
                             <div class="flex items-center space-x-6">
                                 @if (Laravel\Jetstream\Jetstream::managesProfilePhotos() && ! is_null($account->avatar_path))
-                                    <button class="cursor-pointer ml-6 text-sm text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 focus:outline-none" wire:click="setAvatarAsProfilePhoto({{ $account->id }})">
+                                    <button class="cursor-pointer ms-6 text-sm text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 focus:outline-none" wire:click="setAvatarAsProfilePhoto({{ $account->id }})">
                                         {{ __('Use Avatar as Profile Photo') }}
                                     </button>
                                 @endif