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

Desarrollador
1

A partir de Discourse 2.7.0.beta4, algunos estilos CSS personalizados que anteriormente utilizábamos para ocultar las columnas «Publicado» y «Visto» en la página de detalles del grupo ya no funcionan. En su lugar, solo tenemos la columna «Visto».

image
image1030×229 14.1 KB

Quiero que la única columna entre «Publicado», «Visto» y «Agregado» sea la columna «Agregado». El CSS a continuación funcionaba anteriormente, pero ya no lo hace.

/* eliminar las columnas "Publicado" y "Visto" de las listas de miembros de group-detail */
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;
}

¿Cómo puedo modificar el CSS para volver a ocultar «Publicado» y «Visto»?

Aquí hay un video de dos minutos que explica toda la situación si lo que escribí arriba no es suficiente.

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

2

¡Hola :wave:

Gracias por el video.

El encabezado de la tabla en esa página tiene una columna adicional para el botón de selección masiva.

image
image517×418 21 KB

Por lo tanto, tus selectores nth-child están desplazados en uno.

Prueba esto y ve si resuelve el problema.

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

No prevemos realizar cambios en ese diseño en el futuro próximo. Así que usar selectores nth-child no debería ser un problema aquí.

5

Tu CSS funcionó. ¡Muchas gracias!