Page MenuHomePhabricator

Convert Special:EditWatchlist to OOUI
Closed, ResolvedPublic

Event Timeline

matmarex created this task.Nov 4 2015, 7:53 PM
matmarex raised the priority of this task from to Medium.
matmarex updated the task description. (Show Details)
matmarex added a project: UI-Standardization.
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptNov 4 2015, 7:53 PM

Some examples (it's a pretty easy change, all modes already uses HTMLForm):

modebeforeafter
edit in list format
clear list
edit in normal mode

While I'm pretty sure, that the list format and the clear list form looks ok and useable, I think the normal mode is at least discussable. It takes a lot of more space to display less checkboxes. @matmarex as far as I know, there is no way to take the whole space of the parent element? That would save some space for the multi-line entries (another question is, why the labels doesn't take the place at the right side inside the PanelLayout :/).

@matmarex as far as I know, there is no way to take the whole space of the parent element? That would save some space for the multi-line entries

We're changing this in https://gerrit.wikimedia.org/r/#/c/264748/.

(another question is, why the labels doesn't take the place at the right side inside the PanelLayout :/).

James rediscovered this today and I fixed it in https://gerrit.wikimedia.org/r/#/c/264754/.

Change 276948 had a related patch set uploaded (by Vaishali Jain):
Change Special:EditWatchlist to OOUI

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

Change 276970 had a related patch set uploaded (by Vaishali Jain):
Change all HTMLforms on Special:Tags including delete and deactivate for ooui]

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

For my taste and I suspect for many other users' the new normal edit mode is far too big. For users with long watchlists, the fact you are more than doubling the vertical space used is a serious decrease in usability, as excessive amounts of scrolling will be required. And the reason for all this?

A newer version of the change looks a bit different:
(the data isn't the same)

before
after

The latest OOUI packs the checkboxes a lot closer together:

@Esanders Looks better. Maybe the same could be used on Preferences pages containing long checkbox lists (gadgets, notifications?)