كما ترى، فإن النص المعروض عند تمرير مؤشر الفأرة فوق السهم الموجود على اليمين يقول “المراجعة الأولى” بينما يشير السهم إلى الجانب التالي، وبالنسبة للقراء الذين يقرؤون من اليمين إلى اليسار، فإنهم يواجهون بعضهم البعض.
يجب أن يكون
3 إعجابات
مشكلة مثيرة للاهتمام، لدينا عملية “تعكس CSS” ولكن يبدو أن بعض المناطق المحددة جدًا تحتاج إلى تجاوز هنا.
وضع pr-welcome على هذا وتنبيه فريق المنتج المناسب.
بالنسبة للأيقونات “المدببة”، نحتاج إلى قلبها بحيث تشير في الاتجاه الصحيح للغات من اليمين إلى اليسار. نقوم بذلك عبر CSS عن طريق استهداف الأيقونات المدببة وتدويرها 180 درجة:
نحن بحاجة فقط إلى إضافة هذه الأيقونات الأمامية/الخلفية إلى القائمة أعلاه.
إعجاب واحد (1)
ولكن ألن يعني ذلك أن النقر على “انتقل بي إلى آخر مراجعة” سيأخذك إلى المراجعة الأولى؟
لا، تظل الأزرار في مكانها، إنها فقط الأيقونات داخل الأزرار التي تم تدويرها بمقدار 180 درجة. هذا ما تبدو عليه مع transform: rotate(180deg):
زر “الانتقال إلى المراجعة الأولى” يشير إلى بداية المستند وزر “الانتقال إلى المراجعة الأخيرة” يشير إلى نهاية المستند.
إعجابَين (2)
يبدو أن أيقونة “العودة إلى المراجعة” تحتاج إلى قلب أفقيًا أيضًا 
.