토픽 목록에서 "0표"를 숨기는 기능 관련 경미한 버그 보고

[mattdm (Matthew Miller)]

Voting plugin — hiding "empty" votes in the topic list?에서 이어지는 논의입니다:

@awesomerobot

예전에는 없었지만, 이제 있습니다!

DEV: add vote count tag class by awesomerobot · Pull Request #104 · discourse/discourse-topic-voting · GitHub

이 커밋을 사용하면 다음과 같이 설정할 수 있습니다:

.vote-count-0 {
  display: none;
}

“simple” 태그 표시가 활성화되어 있고, 게시글에 태그가 하나 이상 있지만 투표가 없는 경우, 태그 목록 뒤에 쉼표가 표시됩니다.

[mattdm (Matthew Miller)]

이유는 다음과 같습니다:

.discourse-tags .discourse-tag.simple:not(:last-child)::after, .list-tags .discourse-tag.simple:not(:last-child)::after, .search-category .discourse-tag.simple:not(:last-child)::after {
	content: ", ";
	margin-left: 1px;
}

표시되지 않더라도 투표 수가 여전히 자식 요소로 남아있을 것 같습니다.

[mattdm (Matthew Miller)]

가장 쉬운 우회 방법은 물론 'simple’을 사용하지 않는 것입니다.

[awesomerobot (Kris)]

@mattdm

숨겨져 있더라도 투표 수가 여전히 자식 요소로 취급되는 것 같습니다.

네, CSS로 숨겨도 HTML에 여전히 존재하므로 자식 요소로 계산됩니다.

CSS로 대부분 처리할 수 있습니다(Firefox는 :has를 아직 지원하지 않아 예외입니다)… 문제를 완전히 피하기 위해 플러그인에 "토픽 목록에서 0표 숨기기"와 같은 적절한 옵션을 추가하는 것이 가치가 있을 것입니다… 하지만 지금은 이렇게 하면 됩니다.

.vote-count-0 {
  display: none; // 0표 수 숨기기
}

.discourse-tags:has(.vote-count-0) { 
  .discourse-tag:nth-last-child(2):after {
     display: none; //倒数 두 번째 태그의 쉼표 숨기기
  }
}