그룹 멤버 페이지에서 게시 및 확인 열을 숨기는 CSS

개발
1

Discourse 2.7.0.beta4부터, 이전에 그룹 상세 페이지에서 Posted(게시)와 Seen(확인) 열을 숨기려고 사용했던 일부 사용자 정의 CSS가 더 이상 작동하지 않습니다. 대신 현재는 “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;
}

Posted와 Seen 열을 다시 숨기려면 CSS를 어떻게 수정해야 하나요?

위에 쓴 내용만으로 부족하다면, 전체 상황을 설명하는 2분짜리 영상이 있습니다.

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가 잘 작동했어요. 정말 감사합니다!