1373793 - Platform images on download pages should be on the right side for RTL locales

Status: NEW

(www.mozilla.org :: Pages & Content, defect)

Description

[Tomer Cohen :tomer]

Attachment: Screenshot

On mozilla.org/en/firefox/all the platform images are on the left side of the platform text (before the text), while for RTL locales the image locations is not flipped, and appears far on the left side of the platform text (i.e. after the text).

Steps to reproduce: 
a. Go to the download page https://www.mozilla.org/he/firefox/all/?q=he
b. Hover the Win64 image. 
c. The platform text will have underline.

Current result:
Note that the Win64 image seems to appear on the MacOS column instead of Windows 64-bit. 

Expected result:
Image should appear on the right side. 

#main-content table .download a on firefox-all_bundle.css 
* padding should be 10px 45px 10px 10px instead of 10px 10px 10px 45px.
* background-position-x should be right instead of left.

Same fix should be apply on the following urls: 
* https://www.mozilla.org/ar/firefox/all/
* https://www.mozilla.org/fa/firefox/beta/all/
* https://www.mozilla.org/he/firefox/developer/all/
* https://www.mozilla.org/ar/firefox/nightly/all/

(all URLs should work for the three locales)

Comment 1

[Kohei Yoshino [:kohei]]

Will take a look. Should be an easy fix.

Comment 2

[Tomer Cohen :tomer]

(In reply to Kohei Yoshino [:kohei] from comment #1)
> Will take a look. Should be an easy fix.

I think that most of the changes if not all are my suggestions on comment 0. Just have to apply it to an "html[dir=rtl] …" selector. ☺

Comment 3

[Kohei Yoshino [:kohei]]

Yeah, the search bar should also be aligned right.