Tornando o cabeçalho da marca compatível com RTL

Contribuir Funcionalidade
,
1

Como podemos tornar este componente compatível com sites em RTL?

2

Algumas personalizações de CSS podem tornar isso compatível com RTL. Vou trabalhar nisso.

4 curtidas
3

O componente não é compatível com sites em rtl. O que devemos fazer?

4

Eu tentei antes. Mas exigiu mais alterações do que eu esperava. Não está no meu roteiro atual. pr-welcome.

3 curtidas
5

Posso enviar um PR, mas simplesmente não sei como obter a direção do discurso como uma variável no componente do tema.

1 curtida
6

No layout RTL, a tag <html> incluirá a classe CSS rtl. Você pode fazer a personalização com base nisso. Se necessário, também pode verificá-la no código JS chamando const isRTL = $("html").hasClass("rtl");.

1 curtida
7

Desculpe, não entendi você corretamente. Eu só preciso adicionar uma variável no arquivo common.scss que indique a direção global do Discourse. Não encontrei tal variável aqui:

Se eu tiver essa variável em common.scss, a personalização seria bastante direta. Caso contrário, não sei como fazer isso.

8

Sim, acredito que não temos uma variável CSS global. Você deve verificar o arquivo rtl.scss para entender como personalizar.

9

Enviei um PR

3 curtidas
10

Está mesclado. Obrigado pelo PR :heart:.

5 curtidas