Ocultar tópicos e mensagens não lidas/novas na seção de categoria

Olá!

Estou trabalhando em um tema personalizado. Nosso “estilo de página de categoria para desktop” é Categorias e Tópicos Recentes. Estou tentando estilizar a seção de Categorias para parecer mais com cartões (então, infelizmente, estou lutando contra tabelas, já que ela é construída com tabelas). Uma coisa que notei é que não quero a coluna de Tópicos na seção de Categorias, nem as mensagens não lidas/novas. Existe alguma configuração que remova tanto os tópicos quanto a parte de mensagens não lidas/novas para o “estilo de página de categoria para desktop”? Atualmente, estou tentando aplicar alguma lógica de display: none na seção da célula da tabela, mas isso continua causando problemas por causa das mensagens não lidas/novas.

Obrigado desde já!

.category-list .topics {
    display: none;
}

Isso ajuda? Isso vai remover o que você destacou na caixa vermelha.

1 curtida

Obrigado pela resposta, @ondrej! Isso ajuda um pouco.

Nosso layout é semelhante ao de https://meta.discourse.org/categories, mas estou migrando para um design mais baseado em cards para as categorias. Usar algo como display: none funciona até certo ponto, mas, como as Categorias são representadas por um enorme elemento table, ele ainda ocupa espaço quando há Tópicos e/ou mensagens não lidas ou novas. Por isso, você ainda verá uma pequena lacuna branca ocupando espaço, mesmo com display: none.

Consegui encontrar uma solução, mas esperava que houvesse apenas uma opção de configuração que a removesse completamente.

Minha solução:

  • Definir altura no \u003ctr\u003e que contém as informações da categoria/tópico, como height: 160px. Junto com essa propriedade, definir overflow: hidden.
  • Definir altura no \u003ctd\u003e que contém o nome da categoria igual à altura do \u003ctr\u003e.
  • Definir altura do \u003ctd\u003e que contém o tópico como 0.

Definitivamente não é a melhor solução, mas funcionou por enquanto.