Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

RTL layout for freeCodeCamp curriculum

See original GitHub issue

Is your feature request related to a problem? Please describe.

With 100% of the three Arabic front end libraries proofread in Crowdin, we need to change the pages Layout to account for this.

The layout that need to be changed are as follows:

The Header and Footer layout

The home layout

the timeline layout

the setting layout

The donate layout

The new test project layout? I think this is similar to the new RWD layout

The learn layout

the certification introduction layout

the new RWD layout

https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-basic-css-by-building-a-cafe-menu/step-1

The old JavaScript certification

The front end library project certification

Describe the solution you’d like

Change the component and layout to account for RTL Language

Describe alternatives you’ve considered

I thought this was possible 🤣

flex-direction: row-reverse;
direction: rtl;

Additional context

Is there a way to change SubForm layout in the forum?

Issues

Issue Analytics

State:
Created a year ago
Comments:13 (13 by maintainers)

Top GitHub Comments

3reactions

bbsmoothcommented, Oct 26, 2022

FYI, I came across this great guide on supporting rtl styling.

RTL Styling 101

1reaction

ojeytonwilliamscommented, Oct 28, 2022

@Sboonny currently we’re serving pages with lang=en and then dynamically updating that to lang=whatever-it-actually-is. As I understand it I18nextProvider does this for us, but I haven’t dug into it.

This isn’t ideal (we should generate html with the correct code), but I suspect it’s fine for now.