Page MenuHomePhabricator

Widgets with expected same-height are of different height and misaligned
Closed, ResolvedPublic


As of v0.17.7 widgets (ButtonWidget, TextInputWidget, DropdownInputWidget) are of different height and therefore misaligned.

T142115 OOjs UI Demos 2016-08-04.png (95×649 px, 18 KB)

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript

(Are they really all expected to have the same height? With the current "flat" design, height could be an important visual cue.)

@matmarex There has been questions elsewhere about problems of differing inputs and buttons like in T131810: Can't tell what's a button in search forms (mw-inputbox-input and mw-ui-button look identical). As much as I understand the sentiment and possible problems of current quite similar looks for user experience – it's a different problem. We won't help any user to better grasp the different widget actions by letting different height of 30.78px for ButtonWidget, 29.78px for TextInputWidget and 29.11px for DropdownWidget further exist. Quite the contrary, IMHO it just makes the library look amateurish and erroneous.

Right, sorry, that was a very off-topic comment.

Change 303338 had a related patch set uploaded (by VolkerE):
MediaWiki theme: Fix misalignment of widgets by applying pixel min-height

Volker_E moved this task from Backlog to Reviewing on the OOUI board.

Change 303338 abandoned by VolkerE:
MediaWiki theme: Fix misalignment of widgets by applying pixel min-height

Resolved through several other patches in the meantime :)