Footnote line height adds too much space.

[ehuss]

Problem

When there is a footnote on a multi-line paragraph, the line with the footnote ends up adding some extra vertical space to the line:

I don't think it looks very good, and would like to see some kind of solution to avoid that.

Steps

Have a multi-line paragraph with a footnote after the first line.

Possible Solution(s)

No response

Notes

No response

Version

mdbook v0.4.40

[loliceo]

Hi! I was wondering if it was okay if I made a pull request for this issue?

I did read the contributions guideline and it said that I was free to claim the issue but this is my first time contributing so I was a bit nervous.

Possible Issue

I think this issue was because the all the text in the paragraph already has a line-height of 1.5 and the footnote-reference gets another line-height of 1.5 leading to this issue.

Solution

The only change I made was adding this piece of css

.footnote-reference{
    line-height: 0;
}

Before

After

[ehuss]

If it works on all the major browsers (chrome, safari, firefox, mobile safari, mobile chrome), and doesn't overlap with descenders of the previous line, then sounds great to me to get this fixed!