CSS для скрытия столбцов «Posted» и «Seen» на странице участников группы

Разработка
1

Начиная с версии Discourse 2.7.0.beta4, некоторые пользовательские стили CSS, которые ранее использовались для скрытия столбцов «Posted» и «Seen» на странице деталей группы, больше не работают. Теперь у нас есть только столбец «Seen».

image
image1030×229 14.1 KB

Мне нужно, чтобы между столбцами «Posted», «Seen» и «Added» оставался только столбец «Added». Приведённый ниже CSS ранее работал, но сейчас перестал.

/* удалить столбцы "Posted" и "Seen" из списков участников на странице группы */
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;
}

Как изменить CSS, чтобы снова скрыть столбцы «Posted» и «Seen»?

Если вышеописанного недостаточно, вот двухминутное видео, объясняющее всю ситуацию:

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

2

Привет :wave:

Спасибо за видео.

В заголовке таблицы на этой странице есть лишний столбец для кнопки массового выбора.

image
image517×418 21 KB

Поэтому ваши селекторы nth-child смещены на единицу.

Попробуйте это и посмотрите, решит ли это проблему.

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

В ближайшее время мы не планируем вносить какие-либо изменения в эту разметку. Поэтому использование селекторов nth-child здесь не должно быть проблемой.

5

Ваш CSS сработал. Большое спасибо!