Page MenuHomePhabricator
Create Task
Maniphest T93784

Lists should have greater line-height to improve readability
Closed, ResolvedPublic
Actions

Description

Currently lists have the same line-height as regular body text. This makes the points blend into each other, becoming hard to read. Bulleted and numbered lists (including the reference list) should have additional 14px spacing between each point.

(Let's see how 14px looks)

Current:

Screenshot_2015-03-24_11.36.59.png (1×794 px, 270 KB)

Details

SubjectRepoBranchLines +/-
Make list items easy to read by adding margin-bottommediawiki/extensions/MobileFrontendmaster+6 -0
Customize query in gerrit

Related Objects

Event Timeline

• KHammerstein created this task.Mar 24 2015, 6:38 PM
• KHammerstein raised the priority of this task from to Needs Triage.
• KHammerstein updated the task description. (Show Details)
• KHammerstein added a project: Web-Team-Backlog.
• KHammerstein subscribed.
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptMar 24 2015, 6:38 PM
• bmansurov moved this task from Incoming to 2015-16 Q4 on the Web-Team-Backlog board.Mar 25 2015, 5:13 PM
gerritbot subscribed.Mar 25 2015, 10:26 PM

Change 199765 had a related patch set uploaded (by Bmansurov):
Make list items easy to read by adding margin-bottom

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

gerritbot added a project: Patch-For-Review.Mar 25 2015, 10:26 PM
• bmansurov moved this task from 2015-16 Q4 to Needs Prioritization on the Web-Team-Backlog board.Mar 25 2015, 10:26 PM
• KHammerstein added a subscriber: • bmansurov.Mar 25 2015, 10:33 PM

@bmansurov Can you attach a screenshot when finished? Just want to make sure it looks alright. Thanks!

• bmansurov added a comment.Mar 25 2015, 10:54 PM

Here you go:

Screen_Shot_2015-03-25_at_6.53.06_PM.png (1×806 px, 135 KB)

Note that there is no space after the last list item.

• KHammerstein added a comment.Mar 25 2015, 11:00 PM

@bmansurov That looks great!
Would this go into beta first?

• bmansurov added a comment.Mar 25 2015, 11:02 PM

@KHammerstein, I did it for stable. Do you want it to go to beta first?

• KHammerstein added a comment.Mar 25 2015, 11:08 PM

@bmansurov Stable first is fine. Can we decrease it down to 10 px?

• bmansurov added a comment.Mar 25 2015, 11:15 PM

Here is the 10px one:

Screen_Shot_2015-03-25_at_7.14.40_PM.png (1×786 px, 207 KB)

• bmansurov claimed this task.Mar 25 2015, 11:17 PM
• bmansurov set Security to None.
• KHammerstein added a comment.Mar 25 2015, 11:21 PM

@bmansurov That looks great. Thank you!

gerritbot added a comment.Mar 26 2015, 10:01 PM

Change 199765 merged by jenkins-bot:
Make list items easy to read by adding margin-bottom

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

• bmansurov mentioned this in rEMFRc06f4c2f1a95: Make list items easy to read by adding margin-bottom.Mar 26 2015, 10:01 PM
Diffusion mentioned this in rMEXTadabcb3c4978: Updated mediawiki/extensions Project: mediawiki/extensions/MobileFrontend….Mar 26 2015, 10:01 PM
• bmansurov closed this task as Resolved.Mar 26 2015, 10:04 PM
• Phabricator_maintenance moved this task from Needs Prioritization to 2014-15 Q3 on the Web-Team-Backlog board.Mar 7 2018, 4:22 AM
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