Page MenuHomePhabricator

AboutWidget: Fix alignment of input label/type when names and types are too long
Closed, ResolvedPublicBUG REPORT

Description

Description

With long input labels and types, the alignment is not great:

Screenshot from 2024-09-04 10-38-47.png (573×510 px, 47 KB)

We should fix alignment so that it's readable in all devices.


Completion checklist

Event Timeline

Change #1069127 had a related patch set uploaded (by Genoveva Galarza; author: Daphne Smit):

[mediawiki/extensions/WikiLambda@master] About: improve alignment of input fields in the about section

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

Daphne's patch moves the type into a new line with smaller devices.

However, the alignment is still slightly confusing:

Screenshot from 2024-09-03 15-48-25.png (443×673 px, 45 KB)

Screenshot from 2024-09-03 15-48-14.png (414×870 px, 45 KB)

Screenshot from 2024-09-03 15-48-35.png (466×633 px, 46 KB)

Screenshot from 2024-09-03 15-48-43.png (463×548 px, 45 KB)

@AAlhazwani-WMF: what do you think?

Jdforrester-WMF changed the task status from Open to In Progress.Sep 4 2024, 12:55 PM
Jdforrester-WMF assigned this task to DSmit-WMF.

given the (content) unknowns the design suggestion is to treat this as plain text, see example on codepen or gif below.

CleanShot 2024-10-14 at 12.39.43.gif (580×1 px, 2 MB)

Change #1069127 merged by jenkins-bot:

[mediawiki/extensions/WikiLambda@master] Improve alignment of input fields in the about section

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