Títulos de quarto nível sem um nível de indentação

[Ellery]

Encontrei um problema ao usar o componente DiscoTOC:
Os títulos de quarto nível na barra de rolagem direita parecem ter um nível de recuo a menos em comparação com os títulos de terceiro nível.

Já revisei o texto original e não encontrei erros de sintaxe.

Alguém poderia, por favor, explicar o motivo possível por trás disso? Além disso, gostaria de saber se há uma solução disponível para este problema?

[Canapin (Coin-coin le Canapin)]

Eu acho que é de propósito não encolher demais os títulos no índice quando há muita indentação.

A maneira mais fácil de conseguir um preenchimento incremental seria direcionar o <li> ou <a> interno (usando suas classes, pois elas têm classes relacionadas ao nível do cabeçalho) e adicionar um padding-left.

[Ellery]

Obrigado pela sua resposta!

No entanto, a implementação desta solução não exigiria a modificação do código HTML? Você poderia fornecer orientações mais específicas sobre como abordar este problema?

[Canapin (Coin-coin le Canapin)]

Primeiro, títulos de \u003ch3\u003e a \u003ch5\u003e não podem ser recolhidos no TOC. Uma alteração no componente deve ser feita para permitir esse comportamento. \u003ch6\u003e são ignorados pelo componente.

Mas como você está falando apenas de aninhamento, este SCSS deve ser suficiente para o que você deseja:

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