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

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

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

:information_source: Обзор

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

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

Настройки:

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


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

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

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


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

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

1 лайк

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

1 лайк

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

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

2 лайка

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

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

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

2 лайка

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

6 лайков

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

1 лайк

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

1 лайк

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

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

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

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

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

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

2 лайка

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

1 лайк