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

ASSIGNED
Assigned to

Status

www.mozilla.org
Pages & Content
ASSIGNED
6 months ago
6 months ago

People

(Reporter: tomer, Assigned: kohei)

Tracking

(Blocks: 1 bug, {rtl})

Production

Firefox Tracking Flags

(Not tracked)

Details

(URL)

Attachments

(1 attachment)

(Reporter)

Description

6 months ago
Created attachment 8878645 [details]
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)
(Reporter)

Updated

6 months ago
Summary: Platform images on download pages should be on the right side on RTL locales → Platform images on download pages should be on the right side for RTL locales
(Assignee)

Comment 1

6 months ago
Will take a look. Should be an easy fix.
Assignee: nobody → kohei.yoshino
Status: NEW → ASSIGNED
Component: L10N → Pages & Content
Keywords: rtl
(Reporter)

Comment 2

6 months ago
(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. ☺
(Assignee)

Comment 3

6 months ago
Yeah, the search bar should also be aligned right.
You need to log in before you can comment on or make changes to this bug.