Page MenuHomePhabricator

TwoColConflict & MinervaNeue: Misplaced info icon
Open, Needs TriagePublic

Description

When using the MinervaNeue skin (a.k.a. Mobile) there is no info icon to open the help popup, or the info icon is heavily misplaced.

As of 2020:

Bildschirmfoto zu 2020-06-05 15-17-36.png (468×1 px, 74 KB)

As of 2022:

Screenshot from 2022-05-18 11-06-24.png (422×1 px, 70 KB)

It looks like the reason is not the placement of the icon, but some misplaced form { width: 90%; } in the MinervaNeue CSS. This reduces the width of the form to 90% * 90% = 81%, while the icon is still placed at the right corner of a 90% wide rectangle. These 90% need to be removed/reset.

Here is a debug view that highlights the problem. The lower blue box should be as wide as the top blue box. The placement of the (i) icon on the right is actually correct.

Screenshot from 2022-05-18 11-09-42.png (449×1 px, 77 KB)


Instructions when working on the task:

If you need help along the way, feel free to poke @WMDE-Fisch