Согласен с этим. Были ли какие-либо обновления по этому вопросу? Или они появятся в ближайшее время?
У нас пока нет планов вносить здесь какие-либо дополнительные изменения.
Обратите внимание, что теперь видно, как подкатегории располагаются ниже своих родительских категорий (например, подкатегории Documentation на meta):
Кроме того, интерфейс выбора категорий изменился с момента начала этого обсуждения: в открывающемся диалоговом окне подкатегории теперь вложены.
Это должно помочь пользователям легче находить нужные категории при добавлении их в боковую панель.
Приветствую!
Случайно я наткнулся на эту статью. Её сходство с моим ранее написанным материалом поразительно.
https://meta.discourse.org/t/navigation-menu-sidebar-modifier/267354/24?u=aizada_m
Интересно узнать — планировала ли команда Discourse какие-либо решения по этому вопросу, или проблему можно считать решённой?
Я не знаю точно, но мне кажется, что если показывать родительскую категорию, то, возможно, подкатегории можно стилизовать с помощью CSS, чтобы отступами создать вид вложенности? Может, использовать псевдоэлемент ::before? ![]()
Возможно, я попробую реализовать это для одного из моих компонентов навигационного меню при их обновлении. У меня уже есть в голове логика того, как это можно сделать, но я не уверен, что это действительно возможно. В моих мечтах не только подкатегории вложены, но и есть возможность сворачивать их в родительскую категорию по клику на маркер.
![]()
Я присоединяюсь, чтобы получать уведомления о любых изменениях, так как у нас слишком много подкатегорий для отображения в боковой панели без создания «башни», что нарушает улучшение UX, которое обеспечивает боковая панель.
Наилучшее доступное на данный момент решение — позволять пользователям выбирать свои группы и видеть только категории, связанные с этими группами, плюс одну категорию по умолчанию. Это работает, пока пользователь не выберет слишком много групп и не создаст «башню» в своей боковой панели.
@Lilly Если этот метод не сработает, я задумался: не существует ли уже инструмента для создания вложенных категорий?
Можно ли настроить модуль «Добавить пользовательский раздел», чтобы он автоматически добавлял все категории верхнего уровня как отдельные разделы и включал подкатегории под ними.
Этот подход дал бы пользователям отличный контроль над боковой панелью, поскольку у всех них была бы встроенная функция редактирования.
Недостаток в том, что пользователи потеряют цветную иконку-квадрат для категории и, вероятно, функцию, показывающую количество новых сообщений в каждом разделе.
Было ли когда-нибудь решение этой проблемы?
Кажется невероятным, что у нас есть только один огромный длинный список… даже не кажется, что есть какой-либо класс, добавленный к подкатегориям, который мы могли бы вручную стилизовать с небольшим отступом.
Стремимся достичь чего-то похожего на следующее:
Маркетинг ⌄
- Ориентированность на клиента
- Технологии
- Инструменты
Не знаю, я много об этом думал в последнее время — то есть, весь раздел категорий настраивается отдельными пользователями, и это предпочтительный подход, который следует поощрять. Поскольку подкатегории можно добавлять без их родительских категорий, и у них есть полупрозрачные маркеры, указывающие на статус подкатегории, я считаю, что вложенный/отступленный список не стоит затраченных усилий, особенно учитывая трудоемкую и сложную задачу программирования для его реализации. С функциональной точки зрения, идея сворачиваемых родительских категорий (например, как раздел «Ещё») при клике на маркер кажется мне более привлекательной, чем отступы, хотя это ещё более сложная задача для программирования. ![]()
Тогда используйте идентификаторы (ID) подкатегорий — они немного неудобны, но работают:
li.sidebar-section-link-wrapper {
&[data-category-id="10"], /* ID подкатегории */
&[data-category-id="11"], /* ID подкатегории */
&[data-category-id="12"], /* ID подкатегории */
&[data-category-id="13"] /* ID подкатегории */ {
margin-left: 1em;
}
}
О, это отличное решение!!! Спасибо, что поделились
. У меня вопрос: можно ли сделать что-то подобное с обычными ссылками в боковой панели? ![]()
Откройте консоль разработчика и посмотрите на запись data-list-item-name:
Затем вы можете использовать их в качестве селекторов в вашем CSS, например:
li.sidebar-section-link-wrapper {
&[data-list-item-name="New"],
&[data-list-item-name="Global leaderboard"],
&[data-list-item-name="Test leaderboard"] {
margin-left: 1em;
}
}
Похожим образом можно переместить целый раздел вместо отдельных ссылок:
.sidebar-section-wrapper.sidebar-section[data-section-name="new-global-links-section"] {
margin-left: 1em;
}
Привет @dax! Прости за долгий ответ ![]()
Да, это магия
, и это работает. Я искал такое решение последние 3 месяца, я тебе очень благодарен ![]()
В боковой панели я wondering, возможно ли отображать подкатегории с отступом под их родительской категорией? Посмотрите на мою боковую панель:
Например, под категорией «События» у меня есть подкатегория «AGU» без отступа. Многие пользователи не различают цвета и думают, что «AGU» — это просто другая категория, не связанная с «Событиями». Поэтому позже они ищут «AGU» как категорию, а не как подкатегорию, и не могут легко её найти.
Есть ли возможность добавить такой отступ? Если нет, было бы здорово, если бы такая функция появилась.
Мне интересно, не могли бы мы это как-то упростить?
В компоненте темы «Скрытие категорий» был добавлен переключатель для скрытия всех подкатегорий:
.hamburger-panel .category-link.subcategory {
display:none;
}
До появления этого компонента я вручную скрывал все подкатегории, обращаясь к каждой отдельно. Пока кто-то не поделился однострочным кодом, скрывающим все подкатегории:
li.sidebar-section-link-wrapper {
.category-link.subcategory {
margin-left: 1em;
}
}
Сейчас протестирую этот код.
К сожалению, это не работает.
Возможно ли как-то адаптировать этот код, чтобы он сработал?
Я создал простой компонент темы для этого
Отлично работает! Спасибо!







