Page MenuHomePhabricator

Hover styles differ between MediaWiki UI buttons and OOjs UI buttons
Closed, ResolvedPublic

Description

Here are the two hover styles. Which one do we want to adopt as the standard?

MediaWiki UI:

box-shadow: 0 1px rgba(0, 0, 0, 10%), inset 0 -3px rgba(0, 0, 0, 20%);

Screen_Shot_2015-03-26_at_1.50.33_PM.png (50×308 px, 7 KB)


OOjs UI:

box-shadow: 0 0.1em 0 0 rgba(0, 0, 0, 0.2), inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2);

Screen_Shot_2015-03-26_at_1.50.22_PM.png (46×174 px, 9 KB)

Event Timeline

kaldari raised the priority of this task from to Needs Triage.
kaldari updated the task description. (Show Details)
kaldari added a subscriber: kaldari.
KLans_WMF set Security to None.
Prtksxna added subscribers: violetto, Prtksxna.

@violetto, looking at M31 I am not sure which one is right. Could you please see the screenshots and pick one?

@kaldari I don't think the screenshots attached in task description are the hover styles. they are :focus styles

@kaldari I don't think the screenshots attached in task description are the hover styles. they are :focus styles

That'd be my mistake from T92566#1147749. Sorry!
Fixed now.

Prtksxna changed the task status from Open to Stalled.Apr 19 2015, 11:44 AM

I understand that @violetto and @Nirzar are working on some alternatives that might change the hover style completely.

Marking this as stalled until we get more information, please feel free to change the status when needed.