Выпадающий список категорий в мобильном режиме

Мне интересно, будет ли возможно (через CSS или компонент) реализовать dropdown в мобильном виде, аналогичный десктопному — то есть отображающий категории, а не «Последние», «Лучшие» и т. д.


7 лайков

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

15 лайков

Это потрясающе!! Спасибо @j.jaffeux :smiley:

4 лайка

К сведению, работа над этим ведется в этом PR, если вы хотите следить за процессом

7 лайков

В итоге это было реализовано?

Нет, пока нет, по нескольким причинам: мы работали над поддержкой двойной вложенности категорий и переработали внутреннюю часть множества выпадающих списков.

Обновлю информацию, если мы найдём хорошее решение.

6 лайков

Джодфри, это потенциально затронет и пикер тегов?

1 лайк

Да, возможно :slight_smile:

4 лайка

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

Это текущее поведение, и я просто упустил это, или я вижу это иначе из-за какого-то плагина/TC? Есть ли сейчас способ включить это на других страницах?

1 лайк

Такое поведение уже существует довольно давно… выпадающие списки категорий отображаются на страницах тем категорий, но не на страницах /categories или агрегированных страницах, таких как /latest, /new, /top.

Сегодня в теме можно добавить эти выпадающие списки на другие страницы, но, насколько я знаю, никто ещё не пробовал это сделать.

Мы по-прежнему планируем реализовать это по умолчанию, но другие функции и работа для клиентов получили приоритет.

7 лайков

Это всё ещё в плане работ? Настроить последовательную навигацию на мобильных устройствах сложно, особенно потому, что выпадающее меню тегов вложено в выпадающее меню категорий и поэтому отображается только на списках категорий.

Например, я нахожусь в категории, и выбранный тег отображается в выпадающем меню тегов:

Но когда я снимаю выбор категории, тег остаётся выбранным (и я могу нажать на значок информации о теге), но все выпадающие меню исчезают. Это довольно запутывает:
Screenshot from 2022-07-21 02-17-34

Я создаю форум, который использует только теги для организации. На компьютере это работает отлично, но с текущим UX на мобильных устройствах я мог бы добавить только ссылку на страницу тегов в меню навигационной панели. Чтобы выпадающее меню тегов отображалось на всех страницах, мне нужно заменить мобильный шаблон или есть более простой способ?

Наш общий подход здесь — просто переделать всё целиком.

Единое управление тегами, категориями, фильтрами и всем остальным. Адаптация этого решения под мобильные устройства, безусловно, станет вызовом, но «мега-управление» даёт множество преимуществ.

2 лайка

Сегодня я попробовал сделать его всегда видимым, и, похоже, это работает у меня без каких-либо заметных побочных эффектов:

api.modifyClass("component:bread-crumbs", {
  pluginId: "never-hidden-bread-crumbs",
  hidden: false
});

Изначально hidden выглядит так:

@discourseComputed("category")
hidden(category) {
  return this.site.mobileView && !category;
},

Мне больше нравилось скрывать его только на странице категорий.

3 лайка