В мобильном виде список тем имеет дополнительные отступы вокруг заголовка, и когда пользователи пытаются нажать на тег, сложно нажать именно на сам тег.
2 лайка
В какой-то момент мы намеренно увеличили отступы заголовка, чтобы сделать его более крупной кликабельной областью (достаточно большой, чтобы охватить категорию/заголовок, чтобы клики по ним вели к теме)… но, похоже, это откатилось.
Стоит попробовать сделать категорию/тег более крупными целями, чтобы они действительно были удобны в использовании. Я займусь этим.
4 лайка
Это было сделано намеренно. @schleifer сказал, что он никогда не нажимал на эти поля (тег, категория) на мобильном устройстве, поэтому мы сделали заголовок практически единственным элементом, на который можно нажать в списке тем для мобильных устройств. Если мы собираемся это изменить, нам сначала нужно обсудить это.
2 лайка
Мне кажется немного странным, что на десктопе категории и теги можно нажать, а на мобильном — нет. Если пользователи захотят проверить это на мобильном устройстве, они подумают, что сайт работает некорректно, поскольку при нажатии и удержании заголовок подсвечивается серым цветом, перекрывая сам заголовок и половину строки с категориями/тегами. С моей точки зрения, это нестандартный дизайн интерфейса.
Кроме того, согласно данным Google Analytics, более 80% пользователей заходят в мое сообщество с мобильных устройств. Я не могу сказать то же самое о Meta, но уверен, что мои пользователи с высокой вероятностью будут нажимать на эти теги на мобильных устройствах.
1 лайк
Да, конечно, это всё ещё может не иметь смысла, но я подумал, что стоит взглянуть ещё раз и посмотреть, насколько это реализуемо.
3 лайка
Да, я немного поигрался с этим, и эти ссылки слишком малы, чтобы быть кликабельными по большинству стандартов мобильной юзабилити.
Тем не менее, мы можем лучше обрабатывать эти клики и перестать полагаться на наше текущее наложение CSS — оно всегда было немного хрупким в зависимости от контента и плохо работает на всех темах.
Я попытался использовать вместо этого JavaScript (на основе Clickable Topic):
Это также позволит снова сделать элементы нижней строки кликабельными с помощью небольшого CSS:
старый CSS для справки
.mobile-view .topic-list .topic-item-stats {
pointer-events: all;
}
Обновление: этот CSS немного изменился
.topic-list .topic-item-stats__category-tags {
.discourse-tag,
.badge-wrapper {
pointer-events: all;
}
}
9 лайков