lxndrblz / anatole

Anatole is a minimalistic two-column theme for Hugo.
https://themes.gohugo.io/themes/anatole/
MIT License
648 stars 355 forks source link

Footnote links to consider navbar height #471

Open Mannisto opened 10 months ago

Mannisto commented 10 months ago

Describe the bug When clicking the footnote-links, sticky navbar height is not considered, resulting in the page landing too low. Same is true clicking the back-link from the footnote.

To Reproduce Steps to reproduce the behavior:

  1. Create a long post with a link to a footnote (by adding [1] in the post and at the end of the post putting [1]: lorem ipsum)
  2. Click on the link to the footnote (1)
  3. Click the back-button (↩︎) from the footnote to return to the point in the footnote (1)
  4. Both locations on the page are off by the height of the navbar.

Alternatively test on my blog:

1) Go to: the footnote here 2) Scroll up the height of the navbar to see the link to the first footnote (1). 3) Click the (back-link to the text) 4) Again you must scroll up the height of the navbar to see the first footnote

Expected behavior 1) The first row of the footnote should be visible when clicking the footnote link. 2) The row linking to the footnote should be visible when clicking the "back-button ↩︎".

Desktop (please complete the following information):

Smartphone (please complete the following information):