Page MenuHomePhabricator

Clean up user page link icon positioning in Vector
Open, Needs TriagePublic

Description

Motivation

The icon of #pt-anonuserpage, #pt-userpage is positioned with magic numbers. This is fragile and unresponsive (anti-pattern): the link text overlays the icon when increasing font-size.

Requirements
  • Icon positioning and size is responsive, no overlapping at uncommon font-size and viewport width.
  • Use of magic numbers minimized or eliminated.
  • The layout can be used on other menu items with a CSS class.
Related

This work started in: T256893: Move the PersonalMenu to the header

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript
Demian updated the task description. (Show Details)
Demian updated the task description. (Show Details)

Change 609882 had a related patch set uploaded (by Aron Manning; owner: Aron Manning):
[mediawiki/skins/Vector@master] [modern] Move user page icon to pseudo-element for reliable layout

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

[Resetting assignee due to inactive user account]