Вложенные подкатегории в 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: Руководство по установке Как установить тему или компонент темы

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

:information_source: Обзор

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

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

Настройки:

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


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

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

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


Посмотрите мои другие материалы по Discourse
21 лайк

Отличная работа! Было бы замечательно, если бы можно было сворачивать или разворачивать родительские категории. Это возможно?

1 лайк

Нет, извините, но я не планирую добавлять больше опций в этот компонент.

1 лайк

Отличная работа, Лилли — восхитительно просто и эффективно. Заметное улучшение!!

Также мне нравится понятное уведомление администратора об этом.

2 лайка

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

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

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

2 лайка

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

6 лайков

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

1 лайк

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

1 лайк

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

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

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

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

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

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

1 лайк

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

1 лайк