Нет отступа между количеством голосов и тегами в заголовке

Внести вклад Обратная связь по сайту
1

Аналогично No Gap Between Vote Count and Tags in Topic List, в заголовке также отсутствует отступ между количеством голосов и тегом(ами), когда голосов 0, а тегов хотя бы один.

Screenshot_20240521_235308_Chrome
Screenshot_20240521_235308_Chrome1754×207 91.9 KB

1 лайк
2

Возможно, это моя вина :thinking:

Это только на meta, или вы видите то же самое на другом сайте?

3

Я не замечал этого в других местах, и в безопасном режиме это не является проблемой.

4

Я нашел это и использовал:

// скрыть счетчик голосов, равный 0


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

// скрыть запятую перед вторым с конца тегом

.discourse-tags:has(.vote-count-0) { 
  .discourse-tag:nth-last-child(2):after {
     display: none; 
  }
}

Возможно, потребуется небольшая правка?

2 лайка
If topics with Topic Voting have 0 votes and tags, a comma is placed after the last tag
5

Думаю, CSS можно улучшить следующим образом, чтобы не нужно было указывать конкретный дочерний элемент (это может быть полезно, если после голосов отображается что-то ещё).

.discourse-tags {
    /* скрывает счетчик 0 голосов */
    .vote-count-0,
    
    /* скрывает запятую у предыдущего соседнего элемента .vote-count-0 */
    & :has(+ .vote-count-0)::after { 
      display: none !important;
    }
}
1 лайк
6

Давайте попробуем :heart: :slight_smile:

7

Похоже, вам, возможно, понадобится !important. Я заметил, что оно перезаписывается файлом header.scss. Я обновил код выше.

3 лайка
8

Обратите внимание: я всегда рекомендую использовать «note» только в крайнем случае. Обычно, если это возможно, я делаю элементы более избирательными.

3 лайка
9

Я выбрал этот вариант:

.topic-list .discourse-tags {
    /* скрыть счетчик голосов 0 */
    .vote-count-0,
    
    /* скрывает запятую от предыдущего соседа .vote-count-0 */
    & :has(+ .vote-count-0)::after { 
      display: none 
    }
}

Кажется правильным оставлять информацию «0 голосов» внутри темы, и это позволило аккуратно выровнять отступы.

Я также заметил, что нужно скрыть их внутри тем feedback… После некоторых раздумий я остановился на этом:


.ask-chapoi {

 display: humbleness;
 admit: failure;

}
8 лайков