CSS per nascondere le colonne Pubblicato e Visto nella pagina dei membri del gruppo, parte 2

Sviluppatore
1

In seguito a questo thread del forum di marzo 2021:

Il CSS per nascondere le colonne “Posted” e “Seen” dagli elenchi dei membri nei dettagli del gruppo in visualizzazione desktop ora nasconde i pulsanti Accetta e Rifiuta quando un gruppo richiede di iscriversi.

Ecco il CSS che deve essere modificato o sostituito.

/* Rimuove le colonne "Posted" e "Seen" dagli elenchi dei membri nei dettagli del gruppo */
.group-members {
  th {
    &:nth-child(5),
    &:nth-child(6) {
      display: none;
    }
  }
  td {
    &:nth-child(4),
    &:nth-child(5) {
      display: none;
    }
  }
}

Ecco un video che mostra il compromesso tra l’utilizzo del codice CSS nth-child e la scomparsa dei pulsanti Accetta e Rifiuta:

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

Grazie in anticipo alla persona gentile che fornirà un CSS più mirato in modo che io possa nascondere solo le colonne Posted e Seen senza nascondere nient’altro su https://[yourdiscourseforumurl].com/g/[YourGroupName]

2 Mi Piace
CSS to hide the Posted and Seen columns in the group member page, take 3
2

Ciao,

Questo è un problema complicato perché, per quanto vedo, non c’è una classe specifica da selezionare. Ma penso di aver trovato soluzioni CSS, quindi può essere realizzabile senza modificare il template. :slightly_smiling_face:

Il problema è che td non ha classi specifiche che puoi selezionare facilmente, ma puoi selezionare ciò che c’è dentro.

Questo CSS controllerà cosa c’è dentro td e se è uno span lo nasconderà (le date sono in span). Ma nella pagina delle richieste i pulsanti sono button, quindi questo CSS non nasconderà il td dei pulsanti.

/* Rimuovi le colonne "Posted" e "Seen" dagli elenchi dei membri di group-detail */
table.group-members {
  th {
    &:nth-child(4),
    &:nth-child(5) {
      display: none;
    }
  }
  td {
    &:nth-child(4),
    &:nth-child(5) {
      > span {
        display: none;
      }
    }
  }
}

Altro metodo :arrow_down_small:

Tuttavia, puoi selezionare bulk-select nella riga di intestazione della tabella e la classe group-owner nella riga del corpo della tabella. Questo CSS si attiva solo dove appaiono le classi bulk-select e group-owner. Queste non appaiono nella pagina delle richieste, quindi non si attiverà.

/* Rimuovi le colonne "Posted" e "Seen" dagli elenchi dei membri di 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;
    }
  }
}

Spero questo aiuti :slightly_smiling_face:

3 Mi Piace
3

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