Page MenuHomePhabricator

Align `box-shadow` with WikimediaUI guidelines
Closed, DuplicatePublic

Description

Designers have agreed on one box-shadow to rule them (dialog, dropdown menu, toolbar dropdown) all (ok, toolbar itself is excluded as it would get too prominent): `box-shadow: 0 2px 2px 0 rgba( 0, 0, 0, 0.25 ). This is resembled in M101 and related to T119462.

It solves the following issue and improves identifiability of those elements a bit by setting a slightly higher contrast:

T155383 dropdown spatial visual appearance _before - OOjs UI Demos 2017-01-15.png (184×173 px, 11 KB)