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

Я наблюдаю ту же проблему с цветовой схемой по умолчанию (я не менял схему заранее).

Странно, что фон и иконка используют один и тот же цвет --primary-low-mid, и я не вижу никаких недавних изменений в этой области. :thinking:

2 лайка

Спасибо за отчет. Я нашел проблему и уже исправил её.

1 лайк

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

Как можно сделать так, чтобы на главной странице мобильных устройств отображались и категории, и последние сообщения (прямо под категориями)?

Всем привет, можно ли показать, сколько людей просмотрели темы?

Это может быть не самый чистый способ, но добавьте эти строки в CSS для рабочего стола

.topic-list-data.num.views {
  display: unset;
}
td.topic-list-data.num.views {
  display: flex;
  order: 4;
  justify-content: center;
  align-items: center;
}
1 лайк

Всем привет, я только что обновился до темы Air. Кстати, она мне очень нравится.

Раньше у меня на экране входа было фоновое изображение с помощью discourse-trendy-login, но теперь, когда я использую тему Air, изображение не отображается. Как это исправить? Заранее спасибо.

Можете поделиться ссылкой на ваш сайт?

Я думаю, это должно сработать для вас:

.background-container {
    display: none;
}

Пожалуйста, отпишитесь здесь, если это не поможет.

1 лайк

Привет, Джордан,

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

При этом onebox, похоже, соблюдает ширину.

Ниже показано, что верхняя панель баннера смещена вправо, из-за чего центрируются кнопки «Очистить» и «Редактировать».

Я пробовал изображения разных размеров. В теме изображение в посте с баннером отображается корректно. Похоже, это также влияет на блоки YouTube, подтягиваемые как минимум через плагин RSS. Обычные onebox YouTube я пока не тестировал.

Как это исправить? И можно ли с помощью CSS увеличить высоту видимой части баннера?

Несколько человек спрашивали о отображении подкатегорий на странице категорий. Это касается компонента Modern Category + Group Boxes, но так как у него нет отдельной темы (правильно?), я поделюсь своими находками здесь:

Это работает:

/* Отображает подкатегории */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories {
  display: inline-flex;
  flex-flow: wrap;
}

.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategory {
  display: inline-flex;
  align-items: baseline;
  margin-right: .3em;
}

/* Удаляет изображения категорий из списка */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories .subcategory .subcategory-image-placeholder {
  display: none;
}

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

/* Одна категория в строке */
.custom-category-boxes:not(.above-discovery-categories-outlet) {
  grid-template-columns: 1fr;
}

Результат выглядит так:

Думаю, у блоков есть ограничение по высоте, но я не нашёл способа его убрать. У нас пока недостаточно подкатегорий, чтобы увидеть проблему на десктопе, но на мобильном устройстве мы упираемся в это ограничение:

Есть ли идеи, как решить эту проблему?

2 лайка

У меня проблема с адаптивностью в этой теме в браузерах Chrome и Edge, а в Firefox всё работает нормально.
Как мне это исправить?
Спасибо.

Есть ли способ сохранить аватарки в списке тем на десктопе в круглом формате? Я проверил на мобильном — там они круглые, а почему на десктопе квадратные?

1 лайк

Привет, в моей теме Air аватары на рабочем столе круглые, как и на мобильном.

Может быть, у вас есть компонент, который делает аватары квадратными?

Редактирование: согласно первому сообщению, похоже, они должны быть квадратными…

Нет, я не использую. Я применяю стандартную тему Discourse и тему Air. Стандартная тема Discourse использует круглый формат. Если вы посмотрите на изображения других форумов выше, все они квадратные.

И аватары выглядят негладко.

1 лайк

Возможно, можно использовать этот #theme-component, чтобы исправить это.

2 лайка

Именно то, что мне нужно. Большое спасибо!

1 лайк

Может кто-нибудь подсказать, как изменить фон этой темы?

Можете уточнить? Есть несколько мест, где можно изменить фон с помощью картинки.

Привет, @jordan.vidrine. Я заметил, что в нескольких местах контент не заключён в контейнер.

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

Это касается значков. Но также это происходит в разделе «Заработано …».

Я предпочитаю оформление в виде пузырей, а не прямой белой колонки, так как это выглядит эстетичнее. Это также было бы полезно для других плавающих элементов и даже для заголовков современных групп категорий.

1 лайк

Мод для поддержки темы Air: кто онлайн #plugin

Создать #theme-component

Отредактируйте общий CSS и добавьте этот код:

// Настройка «Кто онлайн»
.discovery-list-container-top-outlet.online_users_widget {
      display: flex;
      padding-top: .38em;
      background-color: var(--secondary);
      border: 1px solid rgba(var(--primary-rgb), 0.2);
      border-radius: 0.65em;
      transition: box-shadow 100ms ease-in-out;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
}

Включите компонент в теме Air.

Раньше элемент отображался без фона и рамки, из-за чего его было трудно заметить и прочитать.

Есть ещё несколько мест с аналогичной проблемой, которые я хотел бы исправить.

Пример показан в моём предыдущем сообщении.


ИСПРАВЛЕНИЕ: новое дополнение для глобального баннера problem

Дополнительная информация о спецификациях глобального баннера:


// Исправление изображения глобального баннера
#banner img {
    width: 100%;
    height: auto;
}

Особая благодарность @awesomerobot за предоставленный фрагмент кода.

1 лайк

Всем привет! Я пытался добавить свой CSS в эту тему, но такой опции нет среди остальных настроек темы. Что я упускаю?