Page MenuHomePhabricator

Personal toolbar - drop down menu issues
Closed, ResolvedPublic

Description

(1) Shortcuts in tooltips are displayed abbreviated - and those shortcuts do not work.

Screen Shot 2018-01-12 at 3.53.44 PM.png (462×460 px, 73 KB)

Previously, tooltips have the following info:

Screen Shot 2018-01-12 at 5.41.15 PM.png (140×318 px, 25 KB)

Seems like the accesskey="." is used?

(2) Hover over drop-down menu - the links become underlined with black color. The down pointed arrow is also black.

Screen Shot 2018-01-12 at 5.47.56 PM.png (503×239 px, 28 KB)

Details

Event Timeline

(1) Shortcuts in tooltips are displayed abbreviated - and those shortcuts do not work.

Screen Shot 2018-01-12 at 3.53.44 PM.png (462×460 px, 73 KB)

Previously, tooltips had the following info:

Screen Shot 2018-01-12 at 5.41.15 PM.png (140×318 px, 25 KB)

Seems like the accesskey="." is used?

Comparing testwiki and enwiki (which is still on wmf.15), I see the behavior is preserved. Dot as access key never worked (for me) on any page, other access keys work well. And the additional info (alt-shift or ctrl-option etc.) which are added by jQuery plugin called jquery.accessKeyLabel, was missing on CX before header was customized.

We should fix dot access key not working globally, and whether CX should be changed to have additional access key info is question for @Pginer-WMF.

(2) Hover over drop-down menu - the links become underlined with black color. The down pointed arrow is also black.

Screen Shot 2018-01-12 at 5.47.56 PM.png (503×239 px, 28 KB)

@Pginer-WMF wants menu options not to be underlined. See T184571#3900323.

Here are some shots illustrating my point from previous comment - Header on Main page displays additional tooltip info, whereas header on CX doesn't. This is taken from enwiki, which is on 1.31.0-wmf.15.

Tooltip on main pageTooltip on CX dashboard
enwiki-tooltip-main-page.png (81×617 px, 8 KB)
enwiki-tooltip-CX-dashboard.png (59×650 px, 5 KB)

Change 404683 had a related patch set uploaded (by Petar.petkovic; owner: Petar.petkovic):
[mediawiki/extensions/ContentTranslation@master] Restyle personal header

https://gerrit.wikimedia.org/r/404683

Change 404683 merged by jenkins-bot:
[mediawiki/extensions/ContentTranslation@master] Restyle personal header

https://gerrit.wikimedia.org/r/404683

Checked in cx-testing https://gerrit.wikimedia.org/r/#/c/404683/ - the following is done

* Remove underline for personal menu options on hover.
* Small adjustments to personal header style:
- Reduce size of label next to the trademark to 20px.
- Reduce the size of menu handle and options.
- Increase separation between menu and notification icons.

The following issue is filed as a separate task - T185611: Personal toolbar tooltips display abbreviated shortcuts

  1. Shortcuts in tooltips are displayed abbreviated - and those shortcuts do not work.