CSS para ocultar las columnas Publicado y Visto en la página de miembros del grupo, 2ª parte

Desarrollador
1

Siguiendo este hilo del foro de marzo de 2021:

El CSS para ocultar las columnas “Publicado” y “Visto” de las listas de miembros del detalle del grupo en la vista de escritorio ahora oculta los botones Aceptar y Denegar cuando un grupo requiere una solicitud para unirse.

Aquí está el CSS que necesita ser modificado o reemplazado.

/* Eliminar las columnas "Publicado" y "Visto" de las listas de miembros del detalle del grupo */
.group-members {
  th {
    &:nth-child(5),
    &:nth-child(6) {
      display: none;
    }
  }
  td {
    &:nth-child(4),
    &:nth-child(5) {
      display: none;
    }
  }
}

Aquí hay un video que muestra la compensación entre usar el código CSS nth-child y que los botones Aceptar y Denegar desaparezcan:

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

Gracias de antemano a la amable persona que proporcione un CSS más específico para que pueda ocultar solo las columnas Publicado y Visto sin ocultar nada más en https://[tuurlforodiscurso].com/g/[TuNombreGrupo]

2 Me gusta
2

Hola,

Este es un caso complicado porque, según veo, no hay ninguna clase específica a la que dirigirse. Pero creo que he encontrado soluciones CSS, por lo que se puede lograr sin modificar la plantilla. :slightly_smiling_face:

El problema es que el td no tiene clases específicas a las que puedas dirigirte fácilmente, pero puedes dirigirte a lo que hay dentro.

Este CSS comprobará lo que hay dentro del td y, si es un span, lo ocultará (las fechas están en span). Pero en la página de solicitud los botones son button, por lo que este CSS no ocultará el td de los botones.

/* Eliminar las columnas "Publicado" y "Visto" de las listas de miembros de group-detail */
table.group-members {
  th {
    &:nth-child(4),
    &:nth-child(5) {
      display: none;
    }
  }
  td {
    &:nth-child(4),
    &:nth-child(5) {
      > span {
        display: none;
      }
    }
  }
}

Otro método :arrow_down_small:

Sin embargo, puedes dirigirte a bulk-select en la fila de encabezado de la tabla y a la clase group-owner en la fila del cuerpo de la tabla. Este CSS solo se activa donde aparecen las clases bulk-select y group-owner. Estas no aparecen en la página de solicitud, por lo que no se activará.

/* Eliminar las columnas "Publicado" y "Visto" de las listas de miembros de 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 esto ayude :slightly_smiling_face:

3 Me gusta
3

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