CSS per nascondere le colonne Postato e Visto nella pagina dei membri del gruppo

Sviluppatore
1

A partire da Discourse 2.7.0.beta4, alcuni stili CSS personalizzati che in precedenza utilizzavamo per nascondere le colonne “Posted” e “Seen” nella pagina dei dettagli del gruppo non funzionano più. Ora abbiamo solo la colonna “Seen”.

image
image1030×229 14.1 KB

Voglio che l’unica colonna presente tra “Posted”, “Seen” e “Added” sia quella “Added”. Il CSS qui sotto funzionava in precedenza, ma ora non funziona più.

/* rimuovi le colonne "Posted" e "Seen" dalle liste dei membri nei dettagli del gruppo */
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;
}

Come posso modificare il CSS per nascondere nuovamente “Posted” e “Seen”?

Ecco un video di due minuti che spiega l’intera situazione, nel caso quanto scritto sopra non fosse sufficiente.

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

2

Ciao :wave:

Grazie per il video.

L’intestazione della tabella in quella pagina ha una colonna in più per il pulsante di selezione multipla.

image
image517×418 21 KB

Quindi, i tuoi selettori nth-child sono sbagliati di uno.

Prova questo e vedi se risolve il problema per te.

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

Non prevediamo di apportare modifiche a quel layout a breve. Quindi, l’uso di selettori nth-child non dovrebbe essere un problema qui.

5

Il tuo CSS ha funzionato. Grazie mille!