جعل رأس العلامة التجارية متوافقًا مع RTL

كيف يمكننا جعل هذا المكون متوافقًا مع المواقع التي تدعم الاتجاه من اليمين إلى اليسار؟

يمكن لبعض تخصيصات CSS أن تجعل هذا متوافقًا مع الاتجاه من اليمين إلى اليسار. سأعمل على ذلك.

4 إعجابات

المكون غير متوافق مع المواقع التي تدعم الاتجاه من اليمين إلى اليسار. ما الذي يجب علينا فعله؟

لقد جربته من قبل، لكنه تطلب تغييرات أكثر مما توقعت. إنه ليس ضمن خارطة طريقي الحالية. pr-welcome.

3 إعجابات

يمكنني تقديم طلب دمج (PR)، لكنني لا أعرف كيف أحصل على اتجاه الخطاب كمتغير في مكون السمة.

إعجاب واحد (1)

في تخطيط RTL، سيتضمن وسم <html> فئة CSS rtl. يمكنك إجراء التخصيص بناءً على ذلك. إذا لزم الأمر، يمكنك أيضًا التحقق من ذلك في كود JS عن طريق استدعاء const isRTL = $("html").hasClass("rtl");.

إعجاب واحد (1)

عذراً، لم أفهمك بشكل صحيح. أحتاج فقط إلى إضافة متغير في ملف common.scss يشير إلى اتجاه discourse العالمي. لم أجد مثل هذا المتغير هنا:

إذا توفّر هذا المتغير في common.scss، فستكون التخصيصات مباشرة جداً. وإلا فلا أعرف كيف أقوم بذلك.

نعم، يبدو أنه لا توجد متغيرات CSS عالمية. يُرجى مراجعة ملف rtl.scss لفهم كيفية التخصيص.

لقد قدمت طلب سحب

https://github.com/discourse/discourse-brand-header/pull/3

3 إعجابات

تم الدمج. شكرًا لك على طلب السحب :heart:.

5 إعجابات