При тестировании CSS для модификации страницы 404 в Discourse я обнаружил несколько проблем.
Все скриншоты сделаны в safe-mode, без добавления пользовательских таблиц стилей и только с официальными плагинами.
Я создал категории и подкатегории с очень длинными названиями (максимум 50 символов, лимит по умолчанию в Discourse), а также с короткими или обычными названиями, чтобы проверить рендеринг CSS на странице 404.
Вот выявленные проблемы:
Стиль категории установлен в none:
Если названия категорий чрезвычайно длинные, они не обрезаются корректно ни на главной странице, ни в гамбургер-меню.
По результатам быстрого поиска в консоли браузера элемент
.badge-wrapper.none span.badge-category и соответствующие ему настройки CSS отсутствуют в таблице стилей Discourse.
Стиль категории установлен в bullet:
Если названия категорий чрезвычайно длинные, маркер теряет квадратную форму (эта проблема также наследуется при настройке страницы 404). Обратите внимание, что это родительская категория.
Здесь, по моему мнению, проблема заключается в настройке display: inline-flex для .badge-wrapper.bullet.
Я понимаю, что не многие сайты создают категории с такими длинными названиями (50 символов), но, поскольку такая возможность предусмотрена, эти ошибки верстки необходимо исправить.
v1.9.0.beta8 +100