Haciendo que el encabezado de la marca sea compatible con RTL

Característica
,
1

How can we make this component to be compatible with RTL websites?

2

Few CSS customization can make this RTL compatible. I will work on it.

4 Me gusta
3

The component is not compatible with rtl websites. What should we do?

4

I tried it before. But it demanded more changes than I expected. It’s not in my current roadmap. pr-welcome.

3 Me gusta
5

I can submit a PR however I just don’t know how can I get the direction of discourse as a variable in theme component.

1 me gusta
6

In RTL layout <html> tag will include the CSS class rtl. You can do the customization based on it. If needed you can also check it in JS code by calling const isRTL = $("html").hasClass("rtl");.

1 me gusta
7

Sorry I didn’t understand you correctly. I just need to add a variable in common.scss file that indicates discourse global direction. I didn’t find such variable here:

If I have that variable in common.scss the customization would be pretty straightforward. Otherwise I don’t know how to do it.

8

Yes, we don’t have a global CSS variable I guess. You should check rtl.scss file to understand howto customize.

9

I submitted a pr

3 Me gusta
10

It’s merged. Thanks for the PR :heart:.

5 Me gusta