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

Вы убедились, что выполнили все шаги, описанные в этом компоненте? Также необходимо включить тёмную тему по адресу: /admin/site_settings/category/basic?filter=dark.

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


К сожалению, нет, изменить это невозможно. Возможно ли вам переименовать их в 01, 02 и так далее? Без слова «модуль»?


Размеры составляют 132x132.


Не могли бы вы поделиться скриншотом того, что происходит? Я не заметил этого на своём демонстрационном сайте.

1 лайк

Спасибо за разъяснения и помощь! Я не знал, что для тёмной/светлой темы есть дополнительный компонент. Я смогу найти способ сделать номера модулей более понятными, возможно, добавлю изображение вместо текста по умолчанию. Ваше предложение использовать «01» тоже отлично подходит.

Что касается поискового баннера:

Раньше я видел как минимум в два раза больше этого изображения. Когда я начал день (даже до смены темы), изображение уменьшилось в размере, так что, похоже, это вызвало обновление? Даже если я загружу файл с рекомендуемыми вами размерами из другого сообщения выше (1920x1080), оно всё равно растягивается.

2 лайка

Вы также следовали инструкциям по настройке поискового баннера? Я не вижу там текста, но, возможно, вы его удалили?

Также, чтобы добавить это изображение, вы сделали это в компоненте темы?

1 лайк

Я выполнил все инструкции по настройке баннера поиска. Он расположен под заголовком сайта, как и требуется. Да, я удалил текст. Но раньше текста тоже не было, и изображение отображалось гораздо полнее. Сейчас же видна лишь узкая полоска изображения. Я загрузил изображение как фон для баннера поиска, а не в компонент темы.

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

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

2 лайка

В теме обнаружена ошибка в мобильном представлении: при увеличении значения количества ответов макет нарушается и перестает быть выровненным.

См.

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

1 лайк

Пожалуйста, поместите это в тему. Я создал компонент и добавил код, как вы сказали, но столбец «Просмотры» всё ещё не появляется. :confused:

Редактирование:

Я пытался добавить столбец «Просмотры» с помощью кода, предоставленного Jordan, но не знаю, почему он не работал. Я применил ваш код, и он работает. Спасибо! :grinning:

2 лайка

Всем привет! Прекрасная тема, очень ей доволен.

Подскажите, пожалуйста, как отобразить здесь подкатегории вместо описания категории? Для главной страницы я использую макет «Категории + Последние темы».

Заранее спасибо!


a

2 лайка

Установка собственного компонента темы и его привязка к теме должна сработать. Вам нужно добавить эту строку в CSS компонента темы.

.custom-category-boxes .description {
    display: none;
}

Чтобы установить пользовательский компонент темы, перейдите в /admin/customize/themes, нажмите Установить, а затем нажмите Создать новый.

После этого вы попадете на страницу нового компонента, где сможете выбрать, к какой теме он должен быть добавлен.

Затем нажмите Редактировать CSS + HTML и добавьте код, который я отправил выше, в файл common.scss.

3 лайка

Спасибо, это сработало! А как насчет отображения подкатегорий? Этот код по какой-то причине не работает

.category-boxes .subcategories {
    display: flex !important;
    flex-flow: wrap;
}
1 лайк

Можешь рассказать, как ты добавил эти иконки для категорий? :grinning_face:

2 лайка
  1. Нажмите на категорию, которую хотите изменить
  2. Перейдите в настройки (иконка инструмента)
  3. Изображения → Логотип категории
3 лайка

Понял, спасибо :smiley:

2 лайка

Пост был перемещен в новую тему: Как изменить размер шрифта заголовка баннера поиска?

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

У меня возникает та же проблема: фон на мобильных устройствах не согласован с версией для настольных компьютеров, из-за чего текст становится нечитаемым. В определённых сценариях это делает тему практически непригодной для использования на мобильных устройствах.

Пример для мобильных устройств:
Светлая тема:

Тёмная тема:

Пример для настольных компьютеров:

Светлая тема:

Тёмная тема

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

ОБНОВЛЕНИЕ

Похоже, проблема касается только плагина discourse-docs. Не совсем понятно, как это можно исправить, но было бы здорово, если бы документация Discourse корректно работала с этой темой, поскольку обе эти функции отлично подходят для форума.

3 лайка

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

Есть ли на вашем сайте пользовательский CSS, который может переопределять CSS темы Air?

2 лайка

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

Тогда я не знаю, что и думать :thinking:

1 лайк

Просто для уточнения: вы использовали мобильное устройство?

Если я открою сайт в десктопном браузере и уменьшу размер экрана, то увижу, что моя верстка соответствует вашей. Однако в мобильном браузере структура отличается. Например, отображается только выпадающий список «latest». Это наводит на мысль, что ваше устройство не определяется как мобильное, поэтому тема работает корректно, в отличие от «багованных» примеров на мобильном, которые я привел выше.

1 лайк

Ну, честно говоря, на большинстве сайта всё выглядит нормально — возможно, эта проблема ограничена плагином ‘discourse-docs’. Они, похоже, не очень хорошо работают вместе.

3 лайка

Да. Я тестирую мобильный режим на своём компьютере, добавляя параметр ?mobile_view=1 к URL. Результаты должны быть такими же, как на мобильном устройстве. На скриншоте точно отображается мобильный вид.

Кажется, вы нашли причину!

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

3 лайка