Disappear TOC

[4lt3rr]

I need help with the fact that even though I have configured it to true I still don't see the TOC in my posts

  toc: {
    enable: true,           // Display the table of contents on the right side of the post
    depth: 2                // Maximum heading depth to show in the table, from 1 to 3
  },

What I need to do to fix this? For more info please view my page

[luxus]

you have to scroll down and the browser should be a little wider

[Kurumi30]

This happened to me too. Adjust the zoom to 80% and you will see the TOC

[4lt3rr]

Hey thanks for replying me

So how can I fix that instead of zoom to 80%?

[Matthiasbrat]

Not the best and not supported by firefox but u can :

html {
    zoom: .8; /* Standard Property */
}

[JoeyC-Dev]

Will be better if TOC can be expanded/collapsed, instead of making it hidden when the screen is small.
/feature_request

[luxus]

yeah i had someone asking for that too.. or maybe put it on top if the screen is too small

[4lt3rr]

Not the best and not supported by firefox but u can :

html {
zoom: .8; /* Standard Property */
}

Where can I put these?

Does it work for Edge

[Matthiasbrat]

Not the best and not supported by firefox but u can :
html {
zoom: .8; /* Standard Property */
}

Where can I put these?

Does it work for Edge

src/styles/main.css

[Exiled1]

You can also go to the TOC.astro + MainGridLayout.astro file and change the TOC container in MainGridLayout to be a bit more permissive with sizes in the tailwind CSS, probably not the best change to make the whole site start zoomed.

Specifically this line, Remove the 2xl:block

<div class="absolute w-full z-0 hidden 2xl:block">

And if that doesn't work modify the toc-wrapper to something like this to not push the wrapper too much

<div id="toc-wrapper" class:list={["block lg:block transition absolute top-0 right-0 lg:-right-[var(--toc-width)] w-[var(--toc-width)] flex items-center",

[luxus]

i guess the best solution would be that the toc move over the article on smaller windowsize, did someone implement that?

[Exiled1]

i guess the best solution would be that the toc move over the article on smaller windowsize, did someone implement that?

If you get it looking nice on mobile let me know because right now I'm gonna settle for a button haha