Sembra esserci un piccolo bug nell’impostazione della classe active sui nav-pills per sezioni come about, faqs, tos, ecc. La classe active viene impostata correttamente sul link figlio <a />, ma viene aggiunta due volte all’elemento e manca sul genitore <li />.
Aggiungere la seconda classe active al li risolverebbe il problema per lo stile nel mio tema.
Non sono sicuro che abbiamo mai supportato una classe “active” sugli elementi LI di nav-pills. Non sono contrario ad aggiungere questo supporto per i temi, poiché sembra possa essere utile. Detto questo, sarebbe necessario rifattorizzare parecchie cose.
@techAPJ Penso che tu abbia spostato questa parte; c’è un motivo per questa classe “active”? Mi sembra un errore?
Per quanto riguarda la discussione più ampia sull’aggiunta della classe “active” agli LI in base alla rotta, lascio la decisione a @eviltrout e @awesomerobot. Al momento utilizziamo “link-to”, che ci fornisce solo il supporto automatico per le classi basate sulla rotta sull’elemento A. Probabilmente avremmo bisogno di un nuovo componente qui.
In un certo momento avevamo uno stato attivo su alcuni elementi li in tutti i nav-pills, e in altri posti avevamo active sugli elementi a…
Per quanto ricordo, volevo rendere le cose più coerenti, quindi ho spostato la classe active su a ovunque? Metterla su li va benissimo, ma penso che @sam abbia ragione e io abbia scelto di metterla su a perché non c’era un modo semplice per applicarla a tutti gli li invece…
C’è un modo per selezionare il genitore (li) del a con CSS? Non sono riuscito a trovare un metodo per stilizzare il genitore in base all’elemento figlio.
Gli li nell’elenco degli argomenti hanno la classe active, quindi ho pensato che questa fosse l’intenzione nella navigazione dell’utente che è stata potenzialmente trascurata.
No, CSS non ha un selettore genitore. Dovremmo implementare un nuovo componente come menzionato sopra per ottenere ciò che stai cercando.
Ok, grazie @awesomerobot!
