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):


With calendar dropdown:

Event Timeline

Volker_E created this task.Jan 15 2019, 4:53 AM
Restricted Application added a project: UI-Standardization. · View Herald TranscriptJan 15 2019, 4:53 AM
Restricted Application added a subscriber: Aklapper. · View Herald Transcript
Volker_E updated the task description. (Show Details)Jan 15 2019, 4:55 AM
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 closed this task as Resolved.Jan 17 2019, 11:32 PM
Volker_E claimed this task.
Volker_E triaged this task as Normal priority.
Volker_E edited projects, added MediaWiki-General; removed Patch-For-Review.
Volker_E removed a subscriber: gerritbot.