Вложенные подкатегории в Discourse

:information_source: Краткое описание Автоматически добавляет отступы для подкатегорий в боковой панели
:eyeglasses: Предпросмотр https://discourse.theme-creator.io/theme/Lilly/discourse-indented-subcategories
:hammer_and_wrench: Репозиторий https://github.com/Lillinator/discourse-indented-subcategories
:question: Руководство по установке Как установить тему или компонент темы
:open_book: Новичок в темах Discourse? Руководство для начинающих по использованию тем Discourse

Установить этот компонент темы

:information_source: Обзор

Этот простой компонент темы автоматически добавляет отступы ко всем подкатегориям в боковой панели — работает на настольных компьютерах, планшетах и мобильных устройствах.

Есть одна настройка для изменения размера отступа — по умолчанию 1em, минимальное значение 0.5em, максимальное 3em.

Настройки:

Скриншот примера результата в боковой панели:


:bulb: Примечания

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

Этот компонент заменяет устаревшую тему: Indented / Nested Sidebar Categories or Subcategories.

21 лайк

nice job! It will be wonderful if it can fold or unfold for the parent categories. Is it possible?

1 лайк

no - sorry, but i have no plans to add more options to this component.

1 лайк

Nice work Lilly - delightfully simple and effective. A marked improvement!!

Also, I love the clear admin notice about it.

2 лайка

Было бы полезно иметь возможность делать отступы и на мобильных устройствах

Согласен — и я не заметил этого, пока ты сейчас не указал на это!

@Lilly, на мобильных устройствах старый TC делал отступы?

2 лайка

Я рефакторировал этот компонент, и теперь он должен работать на мобильных устройствах. Дайте знать, если возникнут проблемы. Отредактировано в первом сообщении.

6 лайков

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

1 лайк

Работает отлично — большое спасибо, Лилли! Теперь я могу убрать свой CSS-обходной путь :slight_smile:

1 лайк

Ха-ха — в портретном режиме отступы работают отлично, а в ландшафтном — нет (используется iPad).

На моём iPad работает :woman_shrugging:

Позвольте угадать, там отображается двухколоночный вид с боковой панелью?

Ахаха — извините, забыл упомянуть, что мой кастомный CSS принудительно отображает его в одну колонку на мобильных устройствах. В портретном режиме всё работает отлично (с отступами, как на десктопе), но в ландшафтном режиме это просто плоский список.

Вот что я вижу на своём iPad в обоих режимах — альбомном и портретном:

Кажется, режим Firefox View иногда работал некорректно на планшетах с двумя колонками. Я внёс исправление, которое должно принудительно использовать одну колонку во всех случаях.

1 лайк

Ах — у меня теперь тоже работает, извините! Похоже, звук «пропадает», когда вы поворачиваете устройство, но всё исправляется после обновления страницы. Спасибо, что проверили!!

1 лайк