CSS zum Ausblenden der Spalten „Gepostet“ und „Gesehen“ auf der Gruppenmitgliedseite, Teil 2

Entwickler
1

Als Nachbereitung auf diesen Forenthread vom März 2021:

Das CSS, um die Spalten „Gepostet“ und „Gesehen“ aus den Mitgliederlisten von Gruppendetails in der Desktop-Ansicht auszublenden, blendet nun die Schaltflächen „Akzeptieren“ und „Ablehnen“ aus, wenn eine Gruppe so eingestellt ist, dass sie eine Beitrittsanfrage erfordert.

Hier ist das CSS, das geändert oder ersetzt werden muss.

/* Spalten „Gepostet“ und „Gesehen“ aus Mitgliederlisten von Gruppendetails entfernen */
.group-members {
  th {
    &:nth-child(5),
    &:nth-child(6) {
      display: none;
    }
  }
  td {
    &:nth-child(4),
    &:nth-child(5) {
      display: none;
    }
  }
}

Hier ist ein Video, das den Kompromiss zeigt, wenn der nth-child CSS-Code verwendet wird und die Schaltflächen „Akzeptieren“ und „Ablehnen“ verschwinden:

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

Vielen Dank im Voraus an die freundliche Person, die mir ein gezielteres CSS zur Verfügung stellt, damit ich nur die Spalten „Gepostet“ und „Gesehen“ ausblenden kann, ohne etwas anderes auf https://[ihreforenurl].com/g/[ihrgruppenname] auszublenden.

2 „Gefällt mir“
2

Hallo,

Das ist knifflig, denn soweit ich sehe, gibt es keine spezifische Klasse, die man ansprechen kann. Aber ich glaube, ich habe CSS-Lösungen gefunden, sodass es ohne Änderung der Vorlage erreichbar ist. :slightly_smiling_face:
Das Problem ist, dass die td keine spezifischen Klassen hat, die man leicht ansprechen kann, aber man kann ansprechen, was sich darin befindet.
Dieses CSS prüft, was sich in der td befindet, und wenn es ein span ist, wird es ausgeblendet (die Daten stehen in span). Aber auf der Anfrageseite sind die Schaltflächen button, daher blendet dieses CSS die Schaltflächen td nicht aus.

/* "Posted" und "Seen" Spalten aus Gruppen-Detail-Mitgliederlisten entfernen */
table.group-members {
  th {
    &:nth-child(4),
    &:nth-child(5) {
      display: none;
    }
  }
  td {
    &:nth-child(4),
    &:nth-child(5) {
      > span {
        display: none;
      }
    }
  }
}

Andere Methode :arrow_down_small:
Sie können jedoch die bulk-select in der Tabellenkopfzeile und die Klasse group-owner in der Tabellenkörperzeile ansprechen. Dieses CSS wird nur dort aktiviert, wo die Klasse bulk-select und group-owner erscheint. Diese erscheinen nicht auf der Anfrageseite, daher wird dies nicht aktiviert.

/* "Posted" und "Seen" Spalten aus Gruppen-Detail-Mitgliederlisten entfernen */
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;
    }
  }
}

Ich hoffe, das hilft :slightly_smiling_face:

3 „Gefällt mir“
3

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