إصلاح · الصفحات والهاتف والعربية

الصفحة العربية ليست من اليمين إلى اليسار

تعطّل عملكالكويت والخليج

ما قد تراه

النص العربي محاذى لليسار والقائمة في الجهة الخطأ
بعض الأجزاء فقط تنقلب

السبب الأرجح

تفتقر الصفحة إلى إعداد الاتجاه من اليمين إلى اليسار على عنصر html، أو أن الأنماط تستخدم left وright بدل start وend.

افحص أولاً (نحو دقيقتين)

افحص عنصر html: هل فيه dir="rtl" وlang="ar" في الصفحات العربية؟
ابحث في CSS عن margin-left وpadding-right وleft: وright: وtext-align:left.

أمر الإصلاح

ما تكتبه هنا لا يغادر متصفحك. البحث يعمل داخل هذه الصفحة ولا يُرسل شيء إلى خادم ولا إلى ذكاء اصطناعي.

نص الخطأ بالضبط أو ما تراه

ما فعلته قبل أن يحدث

يبقى في هذا المتصفح وعلى هذا الجهاز فقط. تُحذف المفاتيح وكلمات المرور قبل أي حفظ.

لغة الأمر

أنت مهندس واجهات خبير يعرف HTML وCSS وReact والهواتف والصفحات العربية من اليمين إلى اليسار، ويشرح لأشخاص ليسوا مبرمجين. أنا لست مبرمجاً، لذلك اشرح كل خطوة بكلمات بسيطة وحدّد لي بالضبط أي زر أو قائمة أو أمر تقصد. إذا لم تكن متأكداً من شيء فقل ذلك ولا تخمّن.

أنا في الكويت. إذا كان في الخدمة قاعدة أو خيار خاص بالكويت أو الخليج يهمنا (مثل كي نت أو النص العربي من اليمين إلى اليسار أو التوقيت المحلي) فضعه في الحسبان.

المشكلة
الصفحة العربية ليست من اليمين إلى اليسار

نص الخطأ كما ظهر لي، أو ما أراه
[الصق هنا نص الخطأ كما ظهر لك]

ما فعلته قبل أن تحدث المشكلة
[اكتب بإيجاز ما فعلته قبل ظهور المشكلة]

السبب الأرجح
تفتقر الصفحة إلى إعداد الاتجاه من اليمين إلى اليسار على عنصر html، أو أن الأنماط تستخدم left وright بدل start وend.

نفّذ هذه الخطوات بهذا الترتيب
1. اضبط lang وdir على عنصر html حسب لغة الصفحة (العربية تأخذ dir="rtl").
2. استبدل الخصائص الفيزيائية بمنطقية (margin-inline-start وpadding-inline-end وinset-inline-start وtext-align: start).
3. في صفوف flex وgrid دع الاتجاه يتبع الصفحة؛ ولا تكتب row-reverse للعربية يدوياً.
4. افحص النماذج والقوائم والمنزلقات والقوائم المنسدلة والأيقونات في الصفحات العربية.
توقف وأخبرني إذا كان ما تراه لا يطابق إحدى الخطوات. لا تتجاوز أي خطوة.

تأكد أن الحل نجح
- تبدأ الصفحة العربية من الحافة اليمنى وتتدفق القائمة من اليمين وتبقى الصفحات الإنجليزية كما هي.
أخبرني بالضبط ماذا يجب أن أرى على الشاشة عندما ينجح.

لا تغيّر
- لا تكرر ملف الأنماط للعربية.
- لا تقلب الصور أو الشعارات أو أرقام الهاتف.
- أي شيء لم أطلبه: التصميم أو النصوص أو الصفحات الأخرى أو الإعدادات الأخرى أو البيانات.
- لا تحذف ملفات أو بيانات أو فروعاً، ولا تعِد الضبط ولا تدفع بالقوة (force push)، ولا تعيد كتابة السجل، إلا بعد أن تعرض عليّ بالضبط ما الذي سيضيع وأوافق.
- لا تلصق ولا تطبع ولا تطلب مني لصق كلمة مرور أو مفتاح سري في هذه المحادثة. وإذا لزم أحدها فأخبرني في أي صفحة إعدادات من الخدمة الصحيحة أحفظه.

عند الانتهاء
اشرح بكلمات بسيطة ما الذي غيّرته (ملفاً ملفاً أو إعداداً إعداداً) ولماذا غيّرته وكيف أتراجع عنه.

الصقه في Claude أو ChatGPT أو Gemini أو Cursor ثم اتبع ما يقوله.

بعد أن جرّبته، هل نجح؟

الخطوات

اضبط lang وdir على عنصر html حسب لغة الصفحة (العربية تأخذ dir="rtl").
استبدل الخصائص الفيزيائية بمنطقية (margin-inline-start وpadding-inline-end وinset-inline-start وtext-align: start).
في صفوف flex وgrid دع الاتجاه يتبع الصفحة؛ ولا تكتب row-reverse للعربية يدوياً.
افحص النماذج والقوائم والمنزلقات والقوائم المنسدلة والأيقونات في الصفحات العربية.

لا تفعل هذا

لا تستخدم transform: scaleX(-1) على الصفحة كلها.
لا تكرر ملف الأنماط للعربية.
لا تقلب الصور أو الشعارات أو أرقام الهاتف.