Page MenuHomePhabricator

DateTimeInputWidget should be exactly as wide as its calendar dropdown
Closed, ResolvedPublic

Description

DateTimeInputWidget is currently set to display: inline-block at the same time got width: 100% applied.
Unlimiting inputs makes sense when user can enter more content into the field as inputs should communicate the lenght of content wishful and needed. In this case it simply makes no sense to have the input take up the full width of the form.

We should remove this rule and consider probably to add a min-width: 24.275em rule to the handle to be aligned with the width of the calendar dropdown.

Proposal (one in long-form, one in short):

image.png (276×722 px, 13 KB)

With calendar dropdown:
image.png (474×718 px, 39 KB)

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript
Jdforrester-WMF renamed this task from DateTimeInputWidget should be maximal as wide as calendar dropdown to DateTimeInputWidget should be exactly as wide as its calendar dropdown.Jan 15 2019, 5:31 PM

Change 484854 had a related patch set uploaded (by VolkerE; owner: VolkerE):
[mediawiki/core@master] DateTimeInputWidget: Set max-width equivalent to calendar popup

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

Change 484854 merged by jenkins-bot:
[mediawiki/core@master] DateTimeInputWidget: Set max-width equivalent to calendar popup

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

Volker_E claimed this task.
Volker_E triaged this task as Medium priority.
Volker_E edited projects, added MediaWiki-General; removed Patch-For-Review.
Volker_E removed a subscriber: gerritbot.