Viertebene-Überschriften fehlt eine Einrückungsebene

[Ellery]

Ich bin auf ein Problem bei der Verwendung der DiscoTOC-Komponente gestoßen:
Die Überschriften der vierten Ebene in der rechten Bildlaufleiste scheinen eine Einrückungsebene im Vergleich zu den Überschriften der dritten Ebene zu fehlen.

Ich habe den Originaltext bereits überprüft und keine Syntaxfehler gefunden.

Könnte mir bitte jemand den möglichen Grund dafür erklären? Außerdem frage ich mich, ob es eine Lösung für dieses Problem gibt?

[Canapin (Coin-coin le Canapin)]

Ich denke, es ist beabsichtigt, Titel im Inhaltsverzeichnis nicht zu stark zu verkleinern, wenn zu viel Einzug vorhanden ist.

Der einfachste Weg, inkrementelle Abstände zu erzielen, wäre, entweder das <li> oder das <a> darin anzusprechen (unter Verwendung ihrer Klassen, da sie Klassen haben, die sich auf ihre Überschriftenebene beziehen) und einen linken Abstand hinzuzufügen.

[Ellery]

Vielen Dank für Ihre Antwort!

Wäre die Implementierung dieser Lösung jedoch nicht mit einer Änderung des HTML-Codes verbunden? Könnten Sie genauere Anleitungen zur Behebung dieses Problems geben?

[Canapin (Coin-coin le Canapin)]

Zuerst können Titel von \u003ch3\u003e bis \u003ch5\u003e im Inhaltsverzeichnis nicht eingeklappt werden. Eine Änderung an der Komponente sollte vorgenommen werden, um dieses Verhalten zu ermöglichen. \u003ch6\u003e werden von der Komponente ignoriert.

Aber da Sie nur über Verschachtelung sprechen, sollte dieses SCSS für das, was Sie wollen, ausreichen:

.d-toc-main #d-toc li.d-toc-item {
    .d-toc-h4 {
        padding-left: 1.25em;
    }
    .d-toc-h5 {        
        padding-left: 2em;
    }
}