HisFocus
24.Февраль.2024 00:56:21
1
Я хочу изменить размер миниатюры «Современные категории и группы» с помощью CSS. Если я использую настройку по умолчанию для загрузки изображения, то изображение увеличивает размер миниатюры (даже если я использую изображение меньшего размера). Уверен, что это уже делалось, но мой поиск не дал результатов, которые напрямую решали бы эту проблему (по крайней мере, те, что я смог найти).
Любая помощь будет очень ценной, даже если вы просто укажете мне правильное направление работы с CSS.
Спасибо!
Lilly
24.Февраль.2024 01:03:40
2
Поскольку вы, похоже, заинтересованы в выполнении множества настроек вашего экземпляра Discourse, эти темы могут вам помочь:
Это краткий курс по основам тем Discourse. Целевая аудитория — все, кто не знаком с темами Discourse. Если вы уже использовали темы или компоненты тем Discourse, вам, вероятно, не нужно читать это руководство.
Discourse Themes and Theme Components can be used to customize the look, feel and functionality of Discourse’s frontend. This section of the developer guides aims to provide all the reference materials you need to develop simple themes for a single site, right up to complex open-source theme components.
This introduction aims to provide a map of all the tools and APIs for theme development. If you prefer a step-by-step tutorial for theme development, jump straight to:
There are a few ‘how to start’ guides for working with Discourse already and a wealth of useful info on meta, but I thought it might help to give an insight to the mental processes of starting from little, if any, prior coding experience to building substantial Discourse plugins.
Discourse is written by experienced developers and has a large codebase. This can feel intimidating. This intimidation factor can be a significant barrier for novice developers. This is a kind of ‘psychological primer’…
Heliosurge
24.Февраль.2024 01:32:17
3
Эта тема может помочь. @Canapin реализовал здесь довольно крутой код.
We’re aware of that and discussing it @derak would like:
[image]
.category-boxes, .category-boxes-with-topics {
gap: 1em;
}
.mobile-view .category-boxes .category-box, .mobile-view .category-boxes-with-topics .category-box {
width: 100%;
flex: 0 0 calc(50% - 0.5em);
}
.category-boxes .description {
display: none;
}
.category-boxes .category-box .category-box-inner .category-details .category-box-heading h3 {
…