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

decreasing the width-size of TOC #126

Open
zenhighzer opened this issue Jan 20, 2022 · 2 comments
Open

decreasing the width-size of TOC #126

zenhighzer opened this issue Jan 20, 2022 · 2 comments
Labels
question Further information is requested

Comments

@zenhighzer
Copy link

Hi there,

codedoc is really nice! but one small question:
is there a simple way to decrease the width of the toc? It seems to be too big :)

thanks and best regards!

grafik

@danielsitnik
Copy link

Do you use a large screen resolution?
The TOC size is dynamically calculated as 50% of the screen width minus 464 pixels: calc(50vw - 464px).

@loreanvictor
Copy link
Contributor

The TOC is given the id -codedoc-toc, so you can style it via some custom stylesheets like this:

#-codedoc-toc {
  width: ...
}

/** be sure to also provide an override for smaller screens **/
@media screen and (max-width: 1200px) {
  #-codedoc-toc {
      width: ...
  }
}

@loreanvictor loreanvictor added the question Further information is requested label Jan 20, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question Further information is requested
Projects
None yet
Development

No branches or pull requests

3 participants