Ho riscontrato un problema durante l’utilizzo del componente DiscoTOC:
Le intestazioni di quarto livello nella barra di scorrimento destra sembrano mancare di un livello di rientro rispetto alle intestazioni di terzo livello.
Ho già esaminato il testo originale e non ho trovato errori di sintassi.
Qualcuno potrebbe per favore spiegare la possibile ragione di ciò? Inoltre, mi chiedo se esista una soluzione disponibile per questo problema?
Penso che sia intenzionale non ridurre troppo i titoli nella tabella dei contenuti quando c’è troppa indentazione.
Il modo più semplice per ottenere un padding incrementale sarebbe quello di indirizzare <li> o <a> all’interno (utilizzando le loro classi poiché hanno classi relative al loro livello di intestazione) e aggiungere un padding-left.
Grazie per la tua risposta!
Tuttavia, l’implementazione di questa soluzione non richiederebbe la modifica del codice HTML? Potresti fornire una guida più specifica su come affrontare questo problema?
Innanzitutto, i titoli da \u003ch3\u003e a \u003ch5\u003e non possono essere compressi nel TOC. Dovrebbe essere apportata una modifica al componente per consentire questo comportamento. \u003ch6\u003e vengono ignorati dal componente.
Ma dato che stai parlando solo di annidamento, questo SCSS dovrebbe essere sufficiente per quello che vuoi:
.d-toc-main #d-toc li.d-toc-item {
.d-toc-h4 {
padding-left: 1.25em;
}
.d-toc-h5 {
padding-left: 2em;
}
}
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
