bug(rtl): fix inputs on RTL locales

[johngruen]

Fixes #1341

[shane-tomlinson]

@johngruen - I've never put FxA into an RTL language before, I'm not fully sure what I should be looking for. The PR makes things visually looks much better.

One remaining issue is the tooltip for the password field is attached to the year field, but only in RTL languages:

[johngruen]

@shane-tomlinson weird. will fix.

[johngruen]

@shane-tomlinson: FIXED!

[pdehaan]

FWIW, the Hebrew text for min-password length looks good to me.

msgid "Must be at least 8 characters"
msgstr "ססמה צריכה להיות באורך של שמונה תווים לפחות"

-- via /locale/he/LC_MESSAGES/client.po:120-121 in mozilla/fxa-content-server-l10n repo.

[johngruen]

@pdehaan: can you kick travis?

[vladikoff]

kicked

[pdehaan]

👍

Mazel tov!

[mohamed7afezz]

Seem like this issue is still exist!!
I check it Arabic language.

[TDA]

@mohamed7afezz Do you mean the position of the tooltip?

[mohamed7afezz]

Yes the it should be float right to beginning of the write in Email and password input,

just like this:

i thinks we need to change the following code when RTL on locals:

.tooltip::before, .tooltip::before {
    right: 12px;
}

.tooltip {
    right: 3px;
}

[mohamed7afezz]

Does we need open this issue again? or just commit the require changes?
@shane-tomlinson

[shane-tomlinson]

Does we need open this issue again? or just commit the require changes?

I merged this PR, but it looks like a new PR is needed to fix the tooltip location, they are still on the left: