You can clone with
With Issue 1065, we have our first right to left (RTL) language 'he'.
Most languages are left to right (LTR) such as English. On RTL locales, we want the entire page design to be mirrored.
We put the following in the HTML to trigger the CSS:
<html lang='he' dir='rtl'>
To see how this works, compare https://addons.mozilla.org/en-US/firefox/ to https://addons.mozilla.org/h/firefox/
Notice the entire page layout is flipped. en-US has Secondary Navigation on the left, he has it on the right... etc.
We need additional CSS code to supports RTL layout.
@ozten is happy to mentor new contributors in fixing this issue.
@skinny97214 - What do you think about removing the left to right arrow slide? It really offers no benefit to the user besides a bit of eye candy.
I'd like to keep it, especially if we can use it in place of a spinner to indicate progress. Can we reverse it for RTL locales?
@skinny97214 - we don't actually use it to indicate progress - it is only used to indicate "the process is done" - which delays the user signing in by a second or so. The slide effect cannot be done during key generation (which is the slow part that comes before it, for which we show a wait screen) because key generation is synchronous and does give up any processing time to do any UI updates.
Yes. Just verified this now that Hebrew is in Stage.
Text and fields align as expected (right-justified).
But, the animation runs RTL which causes a pretty ugly sign_in dialog (albeit very temporarily).
This is a more general case of #873