Page MenuHomePhabricator

Paragraphs `p` and headings 3rd order `h3` are too close together
Closed, ResolvedPublic

Description

The paragraphs followed by headings 3 should be provided bigger margin to emphasize hierarchy better

image.png (664×1 px, 175 KB)

(Example: https://en.m.wikipedia.beta.wmflabs.org/wiki/Albert_Einstein#Marriages_and_children)

Proposed solution (staying in 0.5em MinervaNeue top/bottom margin multiplicator for now, we can follow up with 8px based later):

.content p + h3 {
    margin-top: 1.5em;
}

Event Timeline

Change 500858 had a related patch set uploaded (by VolkerE; owner: VolkerE):
[mediawiki/skins/MinervaNeue@master] Increase margin-top for h3 following p elements

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

Change 500858 merged by jenkins-bot:
[mediawiki/skins/MinervaNeue@master] Increase margin-top for h3 following p elements

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

@alexhollender Would you check (and close) that?

@Volker_E apologies for the delay. I've just checked on beta. It looks fine, though I don't see any difference from production. Is this expected?

image.png (498×1 px, 263 KB)

@alexhollender Your screenshot shows the h3 alone, what we amended was h3 following a p, as the margin was not big enough there.

@Volker_E sorry for misunderstanding. Though I see no difference in the spacing above the h3 either? As I mentioned I am fine with signing this off, just trying to clarify if the patch is having the desired effect.

Screen Shot 2019-04-23 at 10.00.37 AM.png (1×1 px, 604 KB)

@alexhollender It has been merged and went out to production before the last cut. Therefore you can't see the difference any more. Here in retrospect the before/after state:

image.png (566×1 px, 144 KB)
image.png (598×1 px, 145 KB)