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

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


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

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

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

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

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

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

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

.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;
        }
    }
}