CSS pour masquer les colonnes Posté et Vu sur la page des membres du groupe

Dev
1

Depuis Discourse 2.7.0.beta4, certaines règles CSS personnalisées que nous utilisions précédemment pour masquer les colonnes « Posted » et « Seen » sur la page de détail d’un groupe ne fonctionnent plus. Désormais, nous n’avons que la colonne « Seen ».

image
image1030×229 14.1 KB

Je souhaite que la seule colonne située entre « Posted », « Seen » et « Added » soit la colonne « Added ». Le CSS ci-dessous fonctionnait auparavant, mais plus maintenant.

/* masquer les colonnes « Posted » et « Seen » dans les listes de membres des pages de détail de groupe */
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;
}

Comment modifier ce CSS pour masquer à nouveau les colonnes « Posted » et « Seen » ?

Voici une vidéo de deux minutes qui explique toute la situation si ce que j’ai écrit ci-dessus ne suffit pas.

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

2

Salut :wave:

Merci pour la vidéo.

L’en-tête du tableau sur cette page comporte une colonne supplémentaire pour le bouton de sélection en masse.

image
image517×418 21 KB

Vos sélecteurs nth-child sont donc décalés d’un cran.

Essayez ceci et voyez si cela résout votre problème.

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

Nous ne prévoyons pas de modifier cette mise en page dans un avenir proche. L’utilisation de sélecteurs nth-child ne devrait donc pas poser de problème ici.

5

Votre CSS a fonctionné. Merci beaucoup !