Есть ли способ сделать ссылки на баннерах в мобильной версии отображающимися горизонтально, а не вертикально? Спасибо!
Спасибо большое, по какой-то причине я этого не заметил. Всё работает отлично!
Вот пример кода, показывающий, как настроить баннер так, чтобы он занимал меньше места по высоте на небольших экранах:
Разместите этот код во вкладке mobile в настройках вашей темы!
// Адаптирует приветственный баннер под размеры небольших экранов
.below-site-header-outlet.welcome-link-banner-connector {
.welcome-link-banner-wrapper {
background-image: url($mobile-banner-bg);
background-size: cover;
.welcome-wrapper {
.featured-banner-link {
flex-direction: row;
padding-bottom: 0.5em;
&>div a {
padding: 0 5px;
h3 {
font-size: 0.75em;
white-space: normal;
}
}
}
}
}
}
Код требует доработки под ваши нужды (поэтому в SCSS есть «пустые» вложенные блоки).
В текущем виде на моём проекте это выглядит так:
edit: @Moin успел упомянуть мои собственные доработки раньше меня… Браво 
Это значительное улучшение внешнего вида приветственного баннера на мобильных устройствах. Ещё вчера я наблюдал, как новый пользователь регистрировался на моём сайте с мобильного телефона, и он запутался из-за большого размера баннера; по сути, он не понял, что нужно прокрутить страницу вниз, чтобы увидеть кнопку действия. Поэтому я искал лучшее решение, и этот фрагмент CSS просто великолепен.
Мне пришлось удалить background-image: url($mobile-banner-bg);, так как очевидно, что вы взяли это из форка TC.
@awesomerobot, вы рассмотрите возможность добавления этого мобильного улучшения в компонент темы через PR?
Конечно, PR всегда приветствуются.
Привет, @awesomerobot. Поскольку я пока не видел PR по этой теме, я создал его сам, чтобы добавить улучшение, предложенное @Canapin, и добавил две локали. 
Я посмотрел и увидел, что вы удалили изменения Locale, как просила @team. Однако PR был закрыт, поэтому я открыл для вас новый:
Отлично! Как вы думаете, когда это будет слито?
Не уверен — @awesomerobot, мой PR в порядке?
Мне всё нравится, объединено. Спасибо!
Отлично! Но проблема с вертикальными иконками возникает и на планшетах, поэтому использование пользовательского CSS только для мобильных устройств начинается слишком рано. К сожалению, пользовательский CSS в Discourse не позволяет нацеливаться на планшеты. Моё решение заключалось в том, чтобы поместить следующий текст во вкладку пользовательского CSS common.
Он также включает исправления нежелательных отступов справа в представлении для планшетов, а я также решил увеличить размер шрифта для ссылок до 1em.
@media (max-width: 768px) {
.below-site-header-outlet.welcome-link-banner-connector {
.welcome-link-banner-wrapper {
background-size: cover;
.welcome-wrapper {
.welcome-content {
&>p {
max-width: initial;
}
}
.featured-banner-link {
flex-direction: row;
padding-bottom: 0.5em;
&>div a {
padding: 0 5px;
h3 {
font-size: 1em;
white-space: normal;
}
}
}
}
}
}
}
Спасибо за эту информацию!
Я не сделал pull request в компонент темы с моей мобильной версией, потому что не протестировал её в различных конфигурациях. А ваше сообщение показывает, что мобильный код действительно требует дополнительной работы 