Воздушная тема

Просто дублирую это здесь. Думал, что проблема конфликта возникает с плагином чата и баннером поиска Discourse. Но после предпросмотра только баннера, похоже, проблема связана с фоном темы Air.

Смотрите по ссылке ниже.

https://meta.discourse.org/t/issue-with-discourse-search-banner/254231?u=heliosurge

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

Здравствуйте,

Обнаружена проблема: при активации плагина чата Discourse баннер поиска Discourse отображается пустым.

Тест пройден.

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

РЕДАКТИРОВАНИЕ: Ошибся. Подтверждено: это конфликт/проблема с фоном темы Air — синий цвет обрезается/исчезает. См. сообщения ниже: при отключённом чате синий фон отображается корректно, а баннер поиска Discourse накладывается поверх него белым цветом на синем фоне правильно.

Привет, Heliosurge, я не совсем понял проблему (хотя на вашем скриншоте вижу пустую область)

Можете ли вы поделиться точными шагами, которые нужно выполнить, чтобы воспроизвести проблему, чтобы мы могли проверить это сами? :slight_smile:

1 лайк

Это было очень просто. Тема Air включала баннер поиска Discourse как часть полной темы.

Как указано, тест пройден.

После включения плагина Chat баннер Welcome (или баннер поиска Discourse) перестал отображать сообщение приветствия.

Отключите плагин Chat. Баннер Welcome отображается снова.

Плагин Chat отключён

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

Теперь, глядя на это, возможно, он конфликтует с синими обоями темы Air? Текст в баннере белый. Возможно, я ошибся, связывая это с баннером поиска Discourse. Возможно, это конфликт с какой-то частью темы Air… ??

Подтверждаю. Извините, похоже, это конфликт с фоном темы Air. Я только что проверил предварительный просмотр только баннера поиска Discourse с плагином чата.

см. ниже

Извините за неверную диагностику.. :facepalm:

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

в отличие от

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

Интересует, смогла ли команда воспроизвести проблему, так как мы локализовали её на фоне темы Air, и это не связано с поисковым баннером.

Привет, Дэн,

Похоже, что ваш плагин Search Banner подключен к outlet по умолчанию above-main-container? Думаю, вам нужно изменить это, чтобы разместить Search Banner вне #main-outlet :arrow_down_small:


Однако тема имеет кастомный стиль для чата, который применяется, когда она подключена к #main-outlet. По-моему, этот стиль должен быть активен только на страницах чата.
Это добавляет фон с использованием !important к #main-outlet, что переопределяет прозрачность фона темы на #main-outlet и так далее…

Думаю, будет лучше ограничить это классом .has-full-page-chat, чтобы он отображался только на страницах чата?


С настройкой above-main-container :arrow_down_small:

С настройкой below-site-header :arrow_down_small:

3 лайка

Отлично, это исправляет основной дисплей. Какой код нужен для исправления чата? Дело в том, что под заголовком строки поиска в категориях по-прежнему остается белый столбец, как на вашем последнем скриншоте.

Спасибо за вашу помощь.

1 лайк

Я добавляю изображения «логотип категории» в некоторые, но не во все свои категории.

Ожидаемое поведение: При добавлении изображения логотипа в категорию размер метки остается таким же, как у других категорий.

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

Это происходит как на мобильных устройствах, так и на компьютерах.

Как это исправить?

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

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

Спасибо за подтверждение. CSS вызывает у меня мурашки по коже. Это моя криптонит. Я никогда не был менее продуктивным, чем когда пытался настроить отступы с помощью CSS.

1 лайк

Слышал, что ты всё ещё учишься. Но представь, что автор или член команды мог бы помочь с исправлением CSS-кода.

Только что обнаружил переключатель светлой/тёмной темы. Работает хорошо. Однако, если обновить страницу, кажется, что Discourse отображает логотип светлой темы. Я подозреваю, что это связано с тем, что Discourse не определяет, что веб-браузер не находится в тёмном режиме.


Странно, кажется, что всё само исправилось. lol

Я только что перешёл на него и должен сказать, что он очень чистый, с приятной темой. Мне он очень нравится. Отличная работа whoever его создал. Спасибо.

2 лайка

Можно ли отправить мне прямое сообщение? Мне некомфортно публиковать ссылку открыто. Спасибо за готовность помочь! <3

Я удалил тему Air Theme и все её плагины, а затем установил их заново. Я перепробовал всё, что мог придумать, чтобы исправить это, но не вышло.

Стандартная тема - Выпадающий список категорий не исчезает после выбора другого варианта (на мобильных устройствах)

Discourse - Выпадающий список категорий работает со стандартной темой|видео

Тема Air Theme - Выпадающий список категорий исчезает после выбора другого варианта (на мобильных устройствах)

Discourse - Выпадающий список категорий исчезает 2|видео

Я нашел проблему с отсутствующим выпадающим списком «Категория» на мобильных устройствах при использовании темы Air.

Что касается сообщений…

В коде вашего репозитория Common.scss указано…

.mobile-view {
  .cm-header-links {
    display: none;
  }
  .list-controls .nav-pills .drop li:first-of-type {
    display: none;
  }
}

Я обновил код до следующего:

.mobile-view {
  .cm-header-links {
    display: none;
  }
  .list-controls .nav-pills .drop li:first-of-type {
    display: block;
  }
}

Теперь выпадающий список «Категории» не исчезает после выбора другого пункта меню. :slight_smile:

2 лайка

Всем привет..

Я пытаюсь настроить свой собственный хостинг Discourse и обнаружил, что эта тема — отличная отправная точка!

Как вы вносите изменения в CSS (например, меняете фон)?
Поскольку на странице темы, когда я выбираю эту тему, нет раздела «Пользовательский CSS/HTML», как это есть в теме по умолчанию.

2 лайка

Привет,

  1. Начните с создания нового компонента темы для вашего форума.
  2. Добавьте новый компонент в нужную тему (ту, которая используется, или в «dev»-тему, чтобы сначала проверить его).
  3. Найдите кнопку Редактировать CSS/HTML в настройках компонента.
  4. Создавайте и расширяйте горизонты! :fire:

4 лайка

Круто.. Я не думал, что компонент может быть просто CSS-правкой.

Спасибо.

3 лайка

Здравствуйте,
у меня появилось предупреждение в консоли:

deprecated.js:61 Устаревшее уведомление: Аргументы PluginOutlet теперь следует передавать через `@outletArgs=`, а не через `@args=` (outlet: category-box-below-each-category) [deprecation id: discourse.plugin-outlet-args]
в

Не забыл ли я что-то в настройках моей темы?
Я посмотрел, но ничего не вижу…

3 лайка