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

Anchor links have incorrect offset from top of screen #667

Closed
choldgraf opened this issue Jan 5, 2023 · 5 comments · Fixed by #669
Closed

Anchor links have incorrect offset from top of screen #667

choldgraf opened this issue Jan 5, 2023 · 5 comments · Fixed by #669
Labels
bug Something isn't working

Comments

@choldgraf
Copy link
Member

choldgraf commented Jan 5, 2023

When you click an in-page link (e.g. an anchor link) the link target is partially blocked by the article header.

This is because we are over-riding the header-height here to be 0px:

The pydata theme is setting scroll-padding-top to be relative to this height, which is why setting the height to 0 is causing this to overlap.

@choldgraf choldgraf added the bug Something isn't working label Jan 5, 2023
@mathbunnyru
Copy link

mathbunnyru commented Jan 5, 2023

A few other things I noticed during comparison:

pre-release: https://jupyter-docker-stacks--1855.org.readthedocs.build/en/1855/using/recipes.html
stable: https://jupyter-docker-stacks.readthedocs.io/en/latest/using/recipes.html

  1. In the pre-release version anchers are grey (they are not black). I liked black version better, but it might be my taste.

Screenshot 2023-01-05 at 19 08 23

Screenshot 2023-01-05 at 19 08 27

  1. I liked the text and the centred logo in the left-up corner. Now there is only a logo and it's not centred.

Screenshot 2023-01-05 at 19 12 24

Screenshot 2023-01-05 at 19 12 28

  1. "Search the docs..." and "⌘ + K" are clashing (minor issue, can be ignored).

  2. Italic text in the anchors adds an extra space in the On this page (contents) section. I think it might have happened before, but it's visible now.

Screenshot 2023-01-05 at 19 09 33

Screenshot 2023-01-05 at 19 09 37

@choldgraf
Copy link
Member Author

this is super helpful, thanks! that's what we have pre-releases for :-)

@choldgraf
Copy link
Member Author

In the PR linked above I also fixed the header color change, there are a few others that we'll need to follow up on separately. Could you open issues for them?

@mathbunnyru
Copy link

I added two issues for the last 2 problems.
Also added a note that whitespace is quite important in the upcoming release (because it is easily seen and doesn't look nice).

Thanks for all the fixes, it looks much better now.

@choldgraf
Copy link
Member Author

Also added a note that whitespace is quite important in the upcoming release (because it is easily seen and doesn't look nice).

I agree - I just cannot for the life of me figure out how to fix it :-D

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants