Баннер расширенного поиска

Не совсем понятно, что именно вызывает эту проблему, но, похоже, она связана с Themeable site settings are now available

Какую тему вы используете? Как настроены эти параметры для темы?

Кажется, если у вас включена опция «Поле поиска в заголовке сайта» и установлен этот компонент, возникает описанное вами состояние, когда поиск отображается только в баннере и вообще не появляется в заголовке… верно ли это?

Используется тема по умолчанию, и вот настройки.

1 лайк

Есть ли какие-то идеи насчёт корневой причины и нужно ли исправление компонента или исправление в Discourse?

Я обновил один из своих сайтов, и этот компонент темы оказался… сплющенным.

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

А вот оригинальный баннер: строка поиска раньше находилась в открытом пространстве, которого сейчас нет.

1 лайк

Похоже, проблема не в самом поисковом баннере.

Я убедился, что снял галочку «Обновлять компонент темы с обновлениями Discourse», затем обновил свой другой производственный сайт, и там баннер тоже уменьшился.

Как вернуть исходный размер баннера? Эти уменьшенные версии выглядят некрасиво.

Нашёл скриншот до обновления на моём втором сайте.

Как это выглядело раньше:

А теперь:

Уведомление администратора относится к фрагменту кода, не имеющему к этому отношения, и отсутствует на моём другом сайте.

У меня то же самое, по какой-то причине мой баннер сломался

Попробуйте это временное решение => desktop => common

.search-banner {
    background-image: url(https://segredin.com/uploads/default/original/1X/3f044a906d2c358806610fc756e09991d25323ed.webp);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 15px;
    margin-bottom: 10px !important;
    height: 17em;
    padding-top: 50px
}

@edit

Спасибо, это исправляет размер баннера, но содержимое находится вверху, а не по центру.

1 лайк

Исправлено с помощью padding-top: 50px

1 лайк

Конечно, на мобильных устройствах это всё ещё полностью неработоспособно.

1 лайк

Что за ваш сайт? На мобильном баннер поиска просто исчезает, возможно, какой-то класс изменился, не знаю.

Похоже, имя переменной было изменено, из-за чего нарушился отступ. Я только что добавил исправление: FIX: restore padding broken due to missing variable by awesomerobot · Pull Request #100 · discourse/discourse-search-banner · GitHub

Так что вы сможете восстановить предыдущие отступы, обновив компонент.

Да, теперь в Discourse по умолчанию включена более простая версия баннера, и есть CSS-код для его скрытия на мобильных устройствах… его можно восстановить с помощью пользовательского CSS.

@use "lib/viewport";

@include viewport.until(sm) {
  .welcome-banner {
    display: block;
  }
}
5 лайков

Отлично, огромное спасибо за восстановление этого компонента!

Отслеживает ли этот компонент данные об использовании? Мы хотели бы оценить его реальную эффективность для нашего сообщества.

@bartv Нет, я не думаю, что это так.

Кажется, это не решило проблему. Строка поиска в верхней части заголовка сайта просто не отображается. Я только что обновился до последней версии 3.6.0 Beta1-Dev, и проблема осталась. Единственный способ вернуть строку поиска в верхний заголовок сайта — отключить этот компонент и включить компонент Discourse Header Search или включить «Строку поиска в заголовке сайта» для темы, но как только я включаю этот компонент, все они исчезают из заголовка сайта.

Есть ли идеи, почему это перестало работать? Это был один из самых удобных компонентов, которые я использовал, мне очень не хватает его функций.

Похоже, это отвечает на мой вопрос. После последнего обновления «Баннера приветствия» я просто активировал его, и он, кажется, заменяет функционал как этого компонента, так и поиска в заголовке Discourse.

В «Баннере приветствия» пока отсутствуют некоторые удобные возможности настройки, доступные в этом компоненте, например, возможность добавлять подзаголовок (это крайне полезно, так как может подсказывать пользователям использовать строку поиска, а не просто бездействовать, как пустая коробка). Надеюсь, эта функция когда-нибудь появится в «Баннере приветствия».

С другой стороны, есть ли способ использовать функцию настройки CSS в Discourse для редактирования текста подзаголовка в поисковом баннере?

Вы имеете в виду этот компонент «Расширенный баннер поиска»? Если да, то, по-моему, это делает следующая настройка:

Нет, я имею в виду текст внутри поля поиска, который гласит «Поиск»

1 лайк

Вы можете изменить текстовую переменную js.search.title в разделе /admin/customize/site_texts.

Однако, как вы упоминали в Creating a banner to display at the top of your site - #23 by RBoy, более конкретной переменной должна быть js.welcome_banner.search, но сейчас она, похоже, не работает.

2 лайка