CSS para ocultar as colunas Postado e Visto na página de membros do grupo

Dev
1

A partir do Discourse 2.7.0.beta4, parte do CSS personalizado que usávamos anteriormente para ocultar as colunas “Postado” e “Visto” na página de detalhes do grupo não funciona mais. Agora, temos apenas a coluna “Visto”.

image
image1030×229 14.1 KB

Quero que a única coluna entre “Postado”, “Visto” e “Adicionado” seja a coluna “Adicionado”. O CSS abaixo funcionava anteriormente, mas não funciona mais.

/* remover as colunas "Postado" e "Visto" das listas de membros do grupo */
table.group-members th:nth-child(n+4):nth-child(-n+5), table.group-members td:nth-child(n+4):nth-child(-n+5) {
    visibility: hidden;
    width: 0px;
    font-size: 0px;
}

Como devo modificar o CSS para ocultar novamente “Postado” e “Visto”?

Aqui está um vídeo de dois minutos que explica toda a situação, caso o que escrevi acima não seja suficiente.

https://www.loom.com/share/f6cd2fa0628d4876a73ebb2a500d9bfa

2

Olá :wave:

Obrigado pelo vídeo.

O cabeçalho da tabela naquela página tem uma coluna extra para o botão de seleção em massa.

image
image517×418 21 KB

Portanto, seus seletores nth-child estão desalinhados em um.

Tente isso e veja se resolve o problema para você.

.group-members {
  th {
    &:nth-child(5),
    &:nth-child(6) {
      display: none;
    }
  }
  td {
    &:nth-child(4),
    &:nth-child(5) {
      display: none;
    }
  }
}

Não prevemos fazer alterações nesse layout tão cedo. Então, o uso de seletores nth-child não deve ser um problema aqui.

5

Seu CSS funcionou. Muito obrigado!