1149140 - [RTL] Logo overlaps menu items in the floating header in RTL languages.

Status: RESOLVED FIXED

(support.mozilla.org :: General, defect, P2)

Description

[Amir Farsi]

Attachment: Sumo Logo is over Buttons

User Agent: Mozilla/5.0 (Windows NT 6.3; WOW64; Trident/7.0; .NET4.0E; .NET4.0C; .NET CLR 3.5.30729; .NET CLR 2.0.50727; .NET CLR 3.0.30729; rv:11.0) like Gecko

Steps to reproduce:

Hello.
I changed tha sumo language to Persian(فارسی) which is a RTL(Right to Left) language. Then I went to a sumo article.


Actual results:

When you scroll the page down to view article, sumo shows it's logo and three buttons on top of the page.
But, sumo logo have a problem. It is over the change language button and inbox button. When the mouse is over the sumo logo the I can see the change language and inbox buttons. When the mouse pointer is on Mozilla word, change language button will be show and if the mouse pointer is over Support word, the inbox button will be show.
See here: https://support.mozilla.org/fa/kb/%D8%AD%D8%B0%D9%81-%DA%A9%D9%88%DA%A9%DB%8C%E2%80%8C%D9%87%D8%A7-%D8%A7%D8%B7%D9%84%D8%A7%D8%B9%D8%A7%D8%AA-%D9%88%D8%A8%D8%B3%D8%A7%DB%8C%D8%AA%D9%87%D8%A7-%D8%B0%D8%AE%DB%8C%D8%B1%D9%87%20%D8%B4%D8%AF%D9%87


Expected results:

The sumo logo should not be over the Change language and Inbox buttons.

Comment 1

[Amir Farsi]

Attachment: Sumo Logo On Change Language Button

Comment 2

[Michael Cooper [:mythmon]]

Amir, thanks for this bug report. I've modified the summary of this bug so that it is a bit more specific to the actual problem.

This should be a fairly simple fix, we need to adjust the CSS of the floating header in RTL languages, which we already have selectors for. 1pt.

Comment 3

[Michael Cooper [:mythmon]]

Lets work on this next sprint.

Comment 4

[Rehan Dalal (Inactive)]

Landed:
https://github.com/mozilla/kitsune/commit/5c825d7a7aeb48c6a25bb3b31c461aeb7dfa7e0e

Comment 5

[Michael Cooper [:mythmon]]

I deployed this to prod.