Page MenuHomePhabricator
Create Task
Maniphest T140800

Decrease margin on Checkbox*-/Radio*Widget and labels in order to clarify what belongs together
Closed, ResolvedPublic
Actions

Description

Current implementation as of v.0.17.6 features padding-left of 1em between label and widget.
This can be misleading and hurts gestalt principle of proximity.
Let's fix this by decreasing it to .5em or 50% of font-size.

What belongs together?

T140800 checkbox principle of proximity - Editing Front end - Wikipedia 2016-07-19.png (295×501 px, 43 KB)

After:

T140800 checkbox principle of proximity - Editing Front end - Wikipedia 2016-07-22.png (296×500 px, 43 KB)

Details

SubjectRepoBranchLines +/-
MediaWiki theme: Decrease distance between label and Checkbox*-/Radio*Widgetoojs/uimaster+4 -3
Customize query in gerrit

Related Objects
Search...

Event Timeline

Volker_E created this task.Jul 19 2016, 5:57 PM
Volker_E updated the task description. (Show Details)Jul 19 2016, 6:08 PM
gerritbot subscribed.Jul 19 2016, 6:24 PM

Change 299813 had a related patch set uploaded (by VolkerE):
MediaWiki theme: Decrease distance between label and Checkbox*-/Radio*Widget

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

gerritbot added a project: Patch-For-Review.Jul 19 2016, 6:24 PM
Danny_B unsubscribed.Jul 19 2016, 9:16 PM
gerritbot added a comment.Jul 20 2016, 7:00 AM

Change 299813 merged by jenkins-bot:
MediaWiki theme: Decrease distance between label and Checkbox*-/Radio*Widget

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

Volker_E updated the task description. (Show Details)Jul 20 2016, 8:54 PM
Volker_E closed this task as Resolved.Jul 21 2016, 3:59 PM
Volker_E removed a project: Patch-For-Review.
Volker_E moved this task from Backlog to Done on the UI-Standardization-Kanban board.
Jdforrester-WMF triaged this task as Low priority.Jul 21 2016, 7:51 PM
Jdforrester-WMF moved this task from Backlog to OOjs-UI-0.17.7 on the OOUI board.
Jdforrester-WMF edited projects, added OOUI (OOjs-UI-0.17.7); removed OOUI.
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL