How to create indented sidebar navigation?

[couleurm]

Hey, is there some config / css trick to indent child pages?

[kamilkrzyskow]

Hmm, they should be indented by default if they're really child pages of a section.
You can even see the indentation on your public website:
https://ctt.cx/video/

Screenshot

---

I would need a minimal reproduction of some sort to be able to check if there are any css tricks available 🤔
https://squidfunk.github.io/mkdocs-material/guides/creating-a-reproduction/

[couleurm]

They're indented when there is that button is available, that shows on the child pages' child pages, not simple child pages

mkdocs-glightbox have their in-page headings look up the exact way i'd love having my child pages set up

edit: that's features: toc.integrate doing this

There's probably some css trickery to steal from that, I'd appreciate if a css wizard found a way 👁👁

[kamilkrzyskow]

Since you've updated the public version to match the initial screenshot, I could look at the source.
This should fit your needs:

.md-nav[data-md-level="2"] > .md-nav__list {
  margin-left: 1em;
  border-left: 1px solid var(--md-accent-fg-color);
  padding-left: 0.5em;
}

Screenshoot

I didn't look at the toc.intergrate CSS creating this, so perhaps there might be something better 🤷