Rendre l'en-tête de la marque compatible RTL

Contribuer Fonctionnalité
,
1

Comment pouvons-nous rendre ce composant compatible avec les sites web RTL ?

2

Quelques personnalisations CSS peuvent rendre cela compatible RTL. Je vais travailler là-dessus.

4 « J'aime »
3

Le composant n’est pas compatible avec les sites web en rtl. Que devons-nous faire ?

4

J’ai déjà essayé. Mais cela nécessitait plus de modifications que prévu. Ce n’est pas dans ma feuille de route actuelle. pr-welcome.

3 « J'aime »
5

Je peux soumettre une PR, mais je ne sais tout simplement pas comment obtenir la direction du discours en tant que variable dans le composant de thème.

1 « J'aime »
6

Dans une mise en page RTL, la balise <html> inclura la classe CSS rtl. Vous pouvez personnaliser en fonction de cela. Si nécessaire, vous pouvez également le vérifier dans le code JS en appelant const isRTL = $("html").hasClass("rtl");.

1 « J'aime »
7

Désolé, je ne vous ai pas compris correctement. J’ai juste besoin d’ajouter une variable dans le fichier common.scss qui indique la direction globale de Discourse. Je n’ai pas trouvé une telle variable ici :

Si j’avais cette variable dans common.scss, la personnalisation serait assez simple. Sinon, je ne sais pas comment faire.

8

Oui, nous n’avons apparemment pas de variable CSS globale. Vous devriez consulter le fichier rtl.scss pour comprendre comment personnaliser.

9

J’ai soumis une PR

3 « J'aime »
10

C’est fusionné. Merci pour la PR :heart:.

5 « J'aime »