932842 - UL margin-bottom in articles is too big in nested lists

Status: RESOLVED FIXED

(developer.mozilla.org Graveyard :: Design, defect)

Description

[Will Bamberg [:wbamberg]]

Attachment: nested list.png

Caveat: this might just be me.

When you have a list, and in the middle of it you have another list nested inside it, then there's a big gap between the bottom of the nested list and the next item in the outer list (UL gets margin-bottom of 24px, plus the LI's padding-bottom of 12px). The gap makes it look as if items after the nested list are in a different list entirely.

I've attached a screenshot from https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Reflow_events to illustrate. 

I'm not sure if the gap is too big in other cases too, I just noticed this one.

Comment 1

[[github robot]]

Commits pushed to master at https://github.com/mozilla/kuma

https://github.com/mozilla/kuma/commit/3a027faf68b3bea131bc4f133287c0e5fe6b06ab
fix bug 932842 - Make nested list spacing consistent

https://github.com/mozilla/kuma/commit/bc0cf017ff52e47deaec2ffa9b1133b9c361c9a7
Merge pull request #1564 from darkwing/list-spacing-932842

fix bug 932842 - Make nested list spacing consistent