Page MenuHomePhabricator

[Sticky header] update styling of language button
Closed, ResolvedPublic2 Estimated Story Points

Description

Description

When the language menu is open the language button has a dark gray background. This is incorrect. It should match the user menu:

Screen Shot 2021-11-22 at 4.53.28 PM.png (443×956 px, 52 KB)
Screen Shot 2021-11-22 at 4.53.38 PM.png (327×244 px, 37 KB)

Event Timeline

LGoto triaged this task as High priority.Nov 23 2021, 6:40 PM
LGoto moved this task from Incoming to Sticky header on the Desktop Improvements (Vector 2022) board.

The background color is a style from the ULS extension, this should be a simple override for the sticky header ULS.

Change 741725 had a related patch set uploaded (by Clare Ming; author: Clare Ming):

[mediawiki/skins/Vector@master] Update style for language button in sticky header

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

cjming moved this task from Doing to Code Review on the Web-Team-Backlog (Kanbanana-FY-2021-22) board.

Change 742572 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/extensions/UniversalLanguageSelector@master] Disable language button background color on modern Vector

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

Change 742572 merged by jenkins-bot:

[mediawiki/extensions/UniversalLanguageSelector@master] Disable language button background color on modern Vector

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

Can be tested on beta cluster https://en.wikipedia.beta.wmflabs.org/wiki/Dog

Move to sign off if happy with the change, or needs more work if not.

Change 741725 abandoned by Jdlrobson:

[mediawiki/skins/Vector@master] Update style for language button in sticky header

Reason:

Fixed in https://gerrit.wikimedia.org/r/c/742572

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

@Jdlrobson it is an improvement but it seems to still be missing a focused state:

language button (focused)user menu button (focused)
Screen Shot 2021-11-30 at 12.06.12 PM.png (431×452 px, 39 KB)
Screen Shot 2021-11-30 at 12.06.03 PM.png (345×295 px, 20 KB)

@alexhollender, right.. the issue here is the button doesn't have the focus. The search input inside the ULS dialog has the focus.

@alexhollender, right.. the issue here is the button doesn't have the focus. The search input inside the ULS dialog has the focus.

gotcha thanks for explaining, all set for now then

Looks good, resolving.