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

Manage the bottom of small pages #694

Merged
merged 4 commits into from Jun 4, 2022
Merged

Conversation

12rambau
Copy link
Collaborator

@12rambau 12rambau commented Jun 4, 2022

Fix #56
Fix #497

The display of empty pages was a bit off as the prev-next button were displayed at the end of article instead of the bottom of the page and the footer was always offscreen event if the article content was small than 100vh.

prev-next

I added a flex rule on bd-content to always display the footer at the bottom with margin auto

footer

I added a container rule so that the body min-height (100vh) is transmitted to the bd-container__inner. then instead of forcing the height of the sidebars I force their max-height.

seems to work on a small page: https://pydata-sphinx-theme--694.org.readthedocs.build/en/694/demo/no-sidebar.html
and don't disturb long one: https://pydata-sphinx-theme--694.org.readthedocs.build/en/694/demo/kitchen-sink/paragraph-markup.html

@12rambau 12rambau marked this pull request as ready for review June 4, 2022 10:14
Copy link
Collaborator

@choldgraf choldgraf left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This seems to work nicely for me! A couple quick comments but I'm +1

@jarrodmillman jarrodmillman added this to the 0.9 milestone Jun 4, 2022
@choldgraf choldgraf changed the title manage the bottom of small pages Manage the bottom of small pages Jun 4, 2022
@choldgraf choldgraf merged commit cbf6270 into pydata:main Jun 4, 2022
@12rambau 12rambau deleted the prev-next branch June 4, 2022 18:29
@gabalafou gabalafou mentioned this pull request Jan 4, 2024
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.

footer is always off-screen Enhancements for the previous / next page buttons
3 participants