Показывать «и ещё XY групп» вместо «...» на странице профиля пользователя

В нашем сообществе мы обнаружили, что список всех групп всех пользователей крайне сложно найти — ссылка на «…» легко может остаться незамеченной. Особенно для пользователей с ограниченной видимостью её легко упустить.
Можно ли добавить к этой ссылке более явную метку?

4 лайка

Скорее всего, вы не сможете получить счетчик «XY» без более сложного кода, но добавление этого пользовательского CSS должно улучшить ситуацию:

dd.groups:last-child > a::after {
  content: 'и еще';
}

group_css

Я не тестировал этот CSS тщательно на всем сайте, но при выборочной проверке он, похоже, действует только на ссылку «Группы» на странице профиля. Сообщите, если он появится в местах, где не должен.

(Также я согласен, что обнаружение ... оставляет желать лучшего, и изменение в этом духе в ядре было бы кстати.)

1 лайк

Действительно, даже просто написание «и многое другое» было бы улучшением, хотя это выглядит довольно странно, если не убрать точки.

Похоже, что они не являются частью какого-либо сообщения локализации, а прописаны здесь напрямую:
https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/templates/user/collapsed-info.gjs#L91

1 лайк

Как насчет этого?

  • Сначала добавляем запятую после последней именованной ссылки
  • Затем скрываем ...
  • После этого вставляем текст «и ещё» — и немного сдвигаем его назад, так как место для ... технически всё ещё занято
  • (Также добавлены более специфичные селекторы, чтобы избежать возможных конфликтов в других местах)
.user-main .about .secondary dd.groups span:last-of-type::after {
  content: ",";
}

.user-main .about .secondary dd.groups:last-child > a {
  visibility: hidden;
}


.user-main .about .secondary dd.groups:last-child > a::after {
  visibility: visible;
  margin-left: -.8rem;
  content: "и ещё";
}

image

Возможно, существует более изящный способ полностью убрать ... из потока, но отрицательный отступ, похоже, работает нормально.

1 лайк