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

The table of contents in the Hugo book theme use to much space #635

Closed
jonasstein opened this issue Jul 24, 2024 · 3 comments
Closed

The table of contents in the Hugo book theme use to much space #635

jonasstein opened this issue Jul 24, 2024 · 3 comments

Comments

@jonasstein
Copy link

Users reported, that the TOC of my website cuts the content off.
By scaling the browser window, I can reproduce this: The burger menu appears too late and the TOC menu cuts the main window.

How can I fix this? Is there a useful parameter to set? Do I have to adjust the .css?

The website: https://trolug.de/de/docs/termine/
The source: https://github.com/TroLUG/trolug-hugo
Formerly asked in https://discourse.gohugo.io/t/the-table-of-contents-in-the-hugo-book-theme-use-to-much-space/50802/1

@alex-shpak
Copy link
Owner

Hi!
for that that specific page I would suggest to disable ToC in page params: bookToC = false
alternatively you can adjust media queries here:
https://github.com/alex-shpak/hugo-book/blob/master/assets/_variables.scss

using this value:
https://github.com/alex-shpak/hugo-book/blob/master/assets/_defaults.scss#L23

@stockphrase
Copy link

stockphrase commented Aug 22, 2024

Is this possibly related to this behavior on my site with the newest version of the theme?

When I minimize the window to make the hamburger appear, I see this odd behavior with clickable boxes:
Screenshot from 2024-08-22 11-22-29

With a maximized window, the icon for the sight is jammed up tight to the top of the screen:

Screenshot from 2024-08-22 11-22-58

Perhaps I've done something here to cause this issue. But it looks fine with an older version of the theme. I'm not sure where to look to diagnose this, Alex.

@alex-shpak
Copy link
Owner

Hi!
These are checkboxes that are used to keep open/closed state of side menu, likely something is wrong with CSS styles

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

No branches or pull requests

3 participants