Это никак не связано с тем, что я сделал. В ядре было что-то изменено с одним из последних обновлений. Я не использую никаких плагинов. Весь дизайн был изменён. Не знаю, как объяснить это лучше, и у меня нет скриншота старого стиля, но любой, кто видел оба варианта, поймёт, о чём я. Была изменена вся пропорция логотипа, по-другому отображается текст — теперь он помещён в рамку. Это полностью разрушило то, как у нас всё было настроено с помощью опций по умолчанию.
Редактирование: Как видно на скриншотах по ссылке выше (UX: Category header restyle by jordanvidrine · Pull Request #34081 · discourse/discourse · GitHub), старый стиль был слева, за исключением того, что соотношение 1:1 для логотипа не требовалось (и не запрашивалось), а весь формат был другим. Теперь все логотипы принудительно помещаются в уменьшенный квадрат, весь формат изменён, и текст стал доминирующим элементом, что полностью испортило их для нас.
Это не было бы проблемой, если бы изначально указывалось использовать соотношение 1:1. Но этого не было, поэтому мы создали индивидуальные версии основного баннерного изображения (а не квадратного логотипа), сохраняя ту же форму и дизайн, для каждого раздела.
Кажется, это сработает, мне просто нужно будет поэкспериментировать с размером. Спасибо!
Редактирование: Это не работает на мобильных устройствах, так как текст выталкивается из рамки, а страница растягивается по горизонтали. Я исправил это следующим кодом:
@media (max-width: 768px) {
.category-heading {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 0.3em; /* Добавляет минимальный отступ между логотипом и текстом */
}
.category-heading__logo.category-logo.aspect-image {
height: 140px;
width: auto;
margin-bottom: 0; /* Убирает дополнительный отступ */
}
.category-heading__title {
font-size: 1.4em;
margin-top: 0; /* Предотвращает дополнительный отступ над текстом */
}
}
Это перемещает текст под логотип. Если кому-то ещё это понадобится…
