getzola / hyde

Port of https://github.com/poole/hyde to Zola
MIT License
76 stars 51 forks source link

Improve the look of footnotes #9

Closed lnicola closed 6 years ago

lnicola commented 6 years ago

Before:

image

After:

image

lnicola commented 6 years ago

Actually, this kinda' breaks multi-paragraph footnotes, so I'm not sure about it.

Keats commented 6 years ago

I kind of like the updated design, how does it break with multi-paragraph footnotes?

lnicola commented 6 years ago

It's got a .footnote-definition > p { display: inline; } rule, which doesn't work well with multiple paragraphs. Changing that to .footnote-definition > p:first-of-type makes the following paragraphs look weird, because they're not aligned properly.

image

A hanging indent would probably work better (with the number sticking out on the left side and everything else aligned), but this is already pushing the limits of my CSS knowledge, so I'd have to think a little about it.

lnicola commented 6 years ago

I pushed an update, I think it's better now:

image

Keats commented 6 years ago

Thanks!