Добавляем популярные функции в Discourse: поиск в заголовке, баннер приветствия и иконки категорий / эмодзи

Всем привет,

Недавно мы обновили наш форум Discourse (tw.forumosa.com), и с последним обновлением на главной странице появились новый заголовок «С возвращением» и интегрированная строка поиска. Хотя концепция выглядит неплохо, мы заметили некоторые проблемы с удобством использования — особенно на мобильных устройствах:

1. Выпадающее меню поиска может быть нечитаемым из-за прозрачности

При нажатии на значок поиска в верхней панели навигации (например, на Android) появляется выпадающее меню, но у него прозрачный фон, из-за чего результаты поиска практически невозможно прочитать на фоне контента позади. Твёрдый фон должен решить эту проблему. Ниже я прикрепил скриншоты, чтобы было понятнее.

2. Заголовок слишком высокий — как настроить вертикальные отступы?

Новое приветственное сообщение и строка поиска занимают значительную часть экрана на мобильных устройствах. Поскольку у нас уже есть значок поиска в панели навигации, дополнительная строка поиска кажется избыточной. Мы хотели бы уменьшить высоту этого заголовка или полностью скрыть лишнюю строку поиска и приветственное сообщение на экранах меньшего размера.

Это может затрагивать и настольные версии, но сейчас особенно проблематично на мобильных устройствах.

Сталкивался ли кто-нибудь с этим и нашёл ли чистый способ переопределить это через CSS или компоненты темы?

Спасибо!

7 лайков