Como mostrar a hierarquia de categorias na lista de tópicos com CSS

Olá a todos e obrigado pelo tempo de leitura. Pesquisei no fórum por horas e tentei um pouco com o chat gpt e um fórum de teste, mas preciso de ajuda aqui.

Em nossa ONG, queremos reorganizar nossas categorias para que cada departamento tenha sua própria categoria com 3 subcategorias:

Então, basicamente genérico como:

  • Categoria principal = Nome do departamento
  • Subcategorias:
    • notícias
    • perguntas
    • interno

Se você imaginar ter 10 ou mais departamentos escrevendo notícias, não conseguirá ver de quem são as notícias na lista de resultados, porque apenas a categoria (sub) atual é mostrada lá.
Aqui está um exemplo de uma instância de teste, criando posts em diferentes subcategorias todas chamadas faq:

você tem diferentes bolhas em cores divididas que sinalizam que é um subgrupo, mas ainda assim você não sabe qual foi o departamento à primeira vista.

Então, na Lista de Resultados, há o elemento

link-bottom-line

Se isso pudesse parecer

ember 80 ember-view topic-category

do ThreadView, seria perfeito.

Também nos resultados da pesquisa, é mostrado como necessário, apenas para que você entenda o que quero dizer:

Não tenho ideia de como fazer isso, pois não sei CSS e isso é mais difícil do que esconder algo.

Espero que alguém aqui possa dedicar um tempo para me ajudar, seria muito útil e poderíamos continuar reorganizando nosso fórum.

Se houver alguma dúvida, me avise.

Muito obrigado e melhores cumprimentos

4 curtidas

incrível, muito obrigado pela ajuda e solução instantâneas :heart:

2 curtidas

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.