Motivation
Visual: notification icons are the odd one in the header with most skins. Bit misaligned or over-sized, different focus outline (and slightly transparent).
Technical: changing alignment (margin, padding, font-size) of menu items in the header is very likely to change positioning of the notification icons in significantly different ways than menu items. The icons should behave consistently with menu items.
Requirements
-
Notification button sizes are proportional to the header and menu items (Modern, MonoBook). This means the skins should be responsible for rendering the iconsDescoped. Monobook and Modern is in maintainance mode, see T141944 - Button sizes are responsive to font-size changes (all skins).
- Buttons' focus outline can be restored to browser default, consistent with any other link's behavior (all skins).
- The button should work on desktop Minerva https://en.wikipedia.org?useskin=minerva
- ~~The button should work on mobile Vector https://en.m.wikipedia.org?useskin=vector~~ descoped as this is a separate issue - no targets - handled by T127268
Related
This work started in the Vector skin: T256893: Move the PersonalMenu to the header
Modern skin: T246931: Modern echo icons too high up
