Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve support for tall nav headers in the mkdocs theme #1969

Merged
merged 2 commits into from Jan 30, 2020

Conversation

jimporter
Copy link
Contributor

This resolves #716. The original issue there is already fixed on master, but the issue with the nav header at the end of the discussion was still happening.

This adds a new JS function called applyTopPadding that updates the top padding of a few elements in the document to account for the height change when the nav header is more than one row. Sadly, I don't think there's a way to do this without at least a little JS (at least, not yet...).

I also fixed the whitespace in themes/mkdocs/js/base.js, since I accidentally used 2-space indentation in a previous commit...

@waylan
Copy link
Member

waylan commented Jan 30, 2020

There are a couple csslint errors which need fixed.

Also, it might help to provide a screen shot. I could clone your branch locally, but a screenshot would be quicker.

…docs#716

This adds a new JS function called `applyTopPadding` that updates the top
padding of a few elements in the document to account for the height change
when the nav header is more than one row.
@jimporter
Copy link
Contributor Author

Before:
mkdocs-before

After:
mkdocs-after

Not shown, but works: clicking on entries in the TOC will be scrolled correctly, so the heading isn't cut off anymore.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Horizontal bar overlaps with menu items on the left
2 participants