CSS para ocultar as colunas Publicado e Visto na página de membros do grupo, parte 2

Dev
1

Seguindo este tópico do fórum de março de 2021:

O CSS para ocultar as colunas “Posted” e “Seen” das listas de membros de detalhes do grupo na visualização desktop agora oculta os botões Aceitar e Negar quando um grupo é configurado para exigir solicitação para ingressar.

Aqui está o CSS que precisa ser modificado ou substituído.

/* Remove as colunas "Posted" e "Seen" das listas de membros de detalhes do grupo */
.group-members {
  th {
    &:nth-child(5),
    &:nth-child(6) {
      display: none;
    }
  }
  td {
    &:nth-child(4),
    &:nth-child(5) {
      display: none;
    }
  }
}

Aqui está um vídeo que mostra a troca entre o uso do código CSS nth-child e o desaparecimento dos botões Aceitar e Negar:

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

Agradeço antecipadamente à pessoa gentil que fornecer um CSS mais direcionado para que eu possa ocultar apenas as colunas Posted e Seen sem ocultar mais nada em https://[yourdiscourseforumurl].com/g/[YourGroupName]

2 curtidas
2

Olá,

Esta é uma questão complicada porque, como vejo, não há nenhuma classe específica para direcionar. Mas acho que encontrei soluções CSS, então pode ser alcançável sem modificar o template. :slightly_smiling_face:

O problema é que o td não tem classes específicas que você possa direcionar facilmente, mas pode direcionar o que está dentro dele.

Este CSS verificará o que está dentro do td e, se for um span, ele o ocultará (as datas estão em span). Mas na página de solicitação, os botões são button, então este CSS não ocultará o td dos botões.

/* Remove as colunas "Posted" e "Seen" das listas de membros group-detail */
table.group-members {
  th {
    &:nth-child(4),
    &:nth-child(5) {
      display: none;
    }
  }
  td {
    &:nth-child(4),
    &:nth-child(5) {
      > span {
        display: none;
      }
    }
  }
}

Outro método :arrow_down_small:

No entanto, você pode direcionar o bulk-select na linha do cabeçalho da tabela e a classe group-owner na linha do corpo da tabela. Este CSS só é ativado onde a classe bulk-select e group-owner aparece. Estas não aparecem na página de solicitação, então isso não será ativado.

/* Remove as colunas "Posted" e "Seen" das listas de membros group-detail */
table.group-members {
  th.bulk-select {
    + th + th + th,
    + th + th + th + th {
      display: none;
    }
  }
  td.group-owner {
    + td + td,
    + td + td + td {
      display: none;
    }
  }
}

Espero que isso ajude :slightly_smiling_face:

3 curtidas
3

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