Definir classe ativa em nav-pills > li para about, faqs, tos

Parece que há um pequeno bug ao definir a classe active nas nav-pills para about, faqs, tos, etc. A classe active está sendo definida corretamente para o link filho <a />, mas está sendo adicionada duas vezes ao elemento e faltando no elemento pai <li />.

Adicionar a segunda classe active ao li corrigiria isso para o estilo no meu tema.

Não tenho certeza de que já tenhamos suportado uma classe “active” nos elementos LI de nav-pills. Não sou contra adicionar esse suporte para temas, pois parece que poderia ser útil. Dito isso, seria necessário refatorar várias coisas.

@techAPJ Acredito que você tenha movido isso. Há algum motivo para essa classe “active”? Parece-me um erro?

Quanto à discussão mais ampla sobre adicionar a classe “active” aos LIs com base na rota, vou deixar isso com @eviltrout e @awesomerobot. No momento, usamos “link-to”, que só nos dá suporte automático para classes baseadas na rota no elemento A. Provavelmente precisaríamos de um novo componente aqui.

Em certo ponto, tínhamos um estado ativo em alguns dos elementos li em todos os nav-pills, e em outros lugares tínhamos active nos elementos a

Se não me engano, eu queria tornar as coisas mais consistentes, então movi a classe active para a em todos os lugares? Colocá-la no li em vez disso é perfeitamente aceitável, mas acho que o @sam está certo e optei por colocá-la no a porque não havia uma maneira simples de aplicá-la a todos os lis de uma vez…

Existe uma maneira de selecionar o pai (li) do a com CSS? Não consegui encontrar uma forma de estilizar o pai com base no elemento filho.

O li na lista de tópicos tem a classe active, então imaginei que essa fosse a intenção na navegação do usuário que, possivelmente, foi esquecida.

Não, o CSS não possui um seletor de pai. Precisaremos implementar um novo componente, conforme mencionado acima, para obter o que você está procurando.

Ok, obrigado @awesomerobot!