Haciendo que el encabezado de la marca sea compatible con RTL

¿Cómo podemos hacer que este componente sea compatible con sitios web RTL?

Algunas personalizaciones de CSS pueden hacer esto compatible con RTL. Trabajaré en ello.

4 Me gusta

El componente no es compatible con sitios web en rtl. ¿Qué debemos hacer?

Lo intenté antes, pero requirió más cambios de los que esperaba. No está en mi hoja de ruta actual. #pr-bienvenido.

3 Me gusta

Puedo enviar una PR, pero simplemente no sé cómo obtener la dirección del discurso como una variable en el componente del tema.

1 me gusta

En el diseño RTL, la etiqueta <html> incluirá la clase CSS rtl. Puedes realizar la personalización en función de ello. Si es necesario, también puedes verificarlo en el código JS llamando a const isRTL = $("html").hasClass("rtl");.

1 me gusta

Lo siento, no te entendí correctamente. Solo necesito agregar una variable en el archivo common.scss que indique la dirección global de Discourse. No encontré tal variable aquí:

Si tuviera esa variable en common.scss, la personalización sería bastante sencilla. De lo contrario, no sé cómo hacerlo.

Sí, creo que no tenemos una variable CSS global. Deberías revisar el archivo rtl.scss para entender cómo personalizarlo.

He enviado un PR

3 Me gusta

Ya está fusionado. Gracias por la PR :heart:.

5 Me gusta