ramda.github.io icon indicating copy to clipboard operation
ramda.github.io copied to clipboard

Published 20 hours ago • verified publisher icon ramda

Fix position of headings when following links

Open MattMS opened this issue 8 years ago • 3 comments

The navbar will overlap the content when following a link such as http://ramdajs.com/#partial-builds

This was mentioned by @davidchambers in ramda/ramda#2025.

MattMS avatar Dec 27 '16 09:12 MattMS

We cannot use the hack fix from #161 because the HTML is generated from Markdown.

Using the body {padding-top: @navbar-height;} recommended fix does not seem to work either.

MattMS avatar Dec 27 '16 12:12 MattMS

What I've done in the past is given each heading top padding and negative top margin.

davidchambers avatar Dec 27 '16 19:12 davidchambers

That seems to work, but replacing the existing top margin and padding changes the layout. So margins that would normally collapse together are no longer able to.

I've got the code written and working so I'll open a PR for further comments.

MattMS avatar Dec 30 '16 03:12 MattMS