Rendere l'intestazione del brand compatibile con RTL

Come possiamo rendere questo componente compatibile con i siti web RTL?

Alcune personalizzazioni CSS possono rendere tutto compatibile con la direzione da destra a sinistra (RTL). Ci lavorerò sopra.

4 Mi Piace

Il componente non è compatibile con i siti web RTL. Cosa dobbiamo fare?

Ci ho provato in precedenza, ma richiedeva più modifiche di quanto mi aspettassi. Non è attualmente nella mia roadmap. pr-welcome.

3 Mi Piace

Posso inviare una PR, ma non so come ottenere la direzione del discorso come variabile nel componente del tema.

1 Mi Piace

Nel layout RTL, il tag <html> includerà la classe CSS rtl. Puoi personalizzare in base a ciò. Se necessario, puoi anche verificarlo nel codice JS chiamando const isRTL = $("html").hasClass("rtl");.

1 Mi Piace

Scusa, non ti ho capito correttamente. Ho solo bisogno di aggiungere una variabile nel file common.scss che indichi la direzione globale di Discourse. Non ho trovato una variabile del genere qui:

Se avessi quella variabile in common.scss, la personalizzazione sarebbe molto semplice. Altrimenti non so come fare.

Sì, immagino che non abbiamo una variabile CSS globale. Dovresti controllare il file rtl.scss per capire come personalizzarlo.

Ho inviato una PR

3 Mi Piace

È stato unito. Grazie per la PR :heart:.

5 Mi Piace