Незначительный баг: скрытие "0 голосов" из списка тем

[mattdm (Matthew Miller)]

Продолжение обсуждения из Плагин голосования — скрытие «пустых» голосов в списке тем?:

@awesomerobot

Раньше этого не было, но теперь есть!

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

Этот коммит позволяет вам сделать:

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

Если у вас включено «простое» отображение тегов и у сообщения есть хотя бы один тег, но нет голосов, то после списка тегов будет стоять запятая.

[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)]

@Мэттью Миллер

И подсчёт голосов всё ещё считается дочерним элементом, даже когда скрыт, полагаю.

Верно, когда элемент скрыт с помощью 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; // скрыть запятую перед предпоследним тегом
  }
}