988414 - The drop down menu icon next to the user name is not visible in Chrome on Mac OSX

Status: RESOLVED FIXED

(bugzilla.mozilla.org :: User Interface, defect)

Description

[Kushagra Singh [:kushagra]]

BMO has a drop down icon next to the user name. When using Chrome 33 on MAC OSX the drop down icon is no longer visible.Though the menu can still be accessed by clicking on the user name.

Comment 1

[:glob ✱]

confirming.  still works in firefox and safari.

Comment 2

[Kushagra Singh [:kushagra]]

it appears that span(class = fn) is overlapping the drop down icon. 
adding the property "position:absolute" to span(class = arrow_container) should fix the problem on chrome while keeping the things same on ff and safari.

/skins/standard/global.css #473
.arrow_container {
    margin: 0 2px;
    position: absolute;
}

awaiting confirmation.

Comment 3

[Kushagra Singh [:kushagra]]

UPDATE: the above method fixes the issue with user name in comments,reported by and assigned sections of the page.
But in case if the bug is assigned to someone, the drop down icon clubs with the "(edit)" element present next to the assignee name. Working on a fix for that.

Comment 4

[:glob ✱]

thanks for looking into this issue :)

Comment 5

[Kushagra Singh [:kushagra]]

i think i have found the fix.
/skins/standard/global.css #473
.arrow_container {
    margin: 0 2px;
    display: inline-block;
}

could you verify that please?

Comment 6

[:glob ✱]

sorry this took a while for me to test.
this looks great across the board!  thank you :)

i have committed this fix; it will be visible on bugzilla.mozilla.org following our next production push (currently scheduled for approx 12 hours time).

[4.2 093b4c6] Bug 988414: The drop down menu icon next to the user name is not visible in Chrome on Mac OSX
 Author: Kushagra Singh [:kushagra] <[e-mail]>
 1 file changed, 1 insertion(+)

To ssh://[e-mail]/webtools/bmo/bugzilla.git
   9afd000..093b4c6  4.2 -> 4.2