Page MenuHomePhabricator

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

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:

Details

Related Gerrit Patches:
mediawiki/extensions/MobileFrontend : masterMake list items easy to read by adding margin-bottom

Event Timeline

KHammerstein raised the priority of this task from to Needs Triage.
KHammerstein updated the task description. (Show Details)
KHammerstein added a subscriber: KHammerstein.
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptMar 24 2015, 6:38 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

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

Here you go:

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

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

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

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

Here is the 10px one:

bmansurov set Security to None.

@bmansurov That looks great. Thank you!

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

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

bmansurov closed this task as Resolved.Mar 26 2015, 10:04 PM