Коробки с подкатегориями в маркированный список

[MichelleBarnett]

Здравствуйте,

У меня сейчас включена настройка «Блоки с подкатегориями», но у меня очень много подкатегорий, из-за чего всё выглядит немного перегруженным (см. изображение).

Есть ли способ сделать подкатегории маркированным списком? Или перемещать их вручную, не используя функцию «Изменить порядок категорий»? Или, возможно, уменьшить отступы с каждой стороны, чтобы на одной строке помещалось больше элементов?

Спасибо!

[Canapin (Coin-coin le Canapin)]

Редакция: по состоянию на 09.11.2023: Стили категорий, отличные от квадратных маркеров, будут прекращены или станут недоступны в ближайшем будущем.

---

@MichelleBarnett

Ящики с подкатегориями

Я отвечу на это позже, но лучше поздно, чем никогда…

Чтобы расположить их друг над другом:

.category-box .subcategories {
    flex-direction: column;
    .subcategory {
        .subcategory-image-placeholder {
            display: none;
        }
    }
}

Что касается маркированного списка, это будет зависеть от стиля, который вы используете для своих категорий. Предположим, вы используете “bullet”:

Это будет выглядеть так:

Если вы хотите сохранить цветные маркеры для родительских категорий, но не для подкатегорий:

Используя реальный символ маркера:

.category-box .subcategories {
    flex-direction: column;
    .subcategory {
        &:before {
            content: "•";
            margin-right: .25em;
            font-size: 1.5em;
            line-height: 0;
        }
        .badge-category-bg {
            display: none;
        }
        .subcategory-image-placeholder {
            display: none;
        }
    }
}

Более простой вариант: изменение текущего маркера категории Discourse:

.category-box .subcategories {
    flex-direction: column;
    .subcategory {
        .badge-category-bg {
            border-radius: 50%;
        }
        .subcategory-image-placeholder {
            display: none;
        }
    }
}