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

Разве это недавно не было слито в ядро?

1 лайк

Существует базовая версия. Похоже, что компонент был переименован в «Advanced Search Banner».

Не уверен, использует ли тема Air этот компонент или ядро. То же самое касается опции переключения светлой/тёмной темы, которая была объединена в ядре.

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

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

1 лайк

Это сработало — большое спасибо. Я убрал подзаголовок, и размер шрифта H1 составляет 64 пикселя. Как его уменьшить?

1 лайк

Я смотрел на общие стили CSS по ссылке на GitHub. Немного затрудняюсь с определением элемента.

Но если вы сможете определить элемент, то сможете создать пользовательский компонент и использовать что-то вроде:

font-size: 44px !important;

чтобы переопределить размер H1 в баннере.

Если ваши знания CSS лучше моих, вам, возможно, будет проще определить элемент. Попробуйте использовать функцию «Исследовать элемент» (Inspect Element). Я использую мобильное устройство, где эта функция в браузере доступна, но она не так хороша, как в десктопном браузере. Вы можете протестировать изменение размера прямо там.

Также вы можете опубликовать сообщение в теме «Расширенный поиск баннера» (Advance Search Banner), спросив, как изменить размер H1, — возможно, там дадут дополнительные рекомендации, как этого добиться.

1 лайк

Хорошо, я не тестировал это, но попробуйте: создайте новый #theme-component.

Отредактируйте CSS Common и добавьте этот код. Я изучал исходный код темы Air на GitHub.

// кастомизации баннера поиска
.custom-search-banner-wrap {
   h1 {
    Font-size: 44px !important; 
    }
}

В первом разделе общих стилей CSS темы Air есть модификации для баннера клиента. Поэтому я использовал их в качестве ориентира для кода выше.

Я не могу понять, как отобразить подкатегории где-либо, кроме выпадающего меню подкатегорий. Есть ли способ показать их на страницах обзора?

Здравствуйте,
я хочу уменьшить количество символов в описаниях тем
не могу найти соответствующий параметр
Спасибо

Тема: Проблемы с темой Air на главной странице категорий (вид администратора против вида обычного пользователя)

Привет

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

Вот конкретные проблемы:

  1. Отсутствует переключатель видов для администраторов: При входе в систему как администратор на главной странице нет видимой кнопки или элемента управления для переключения между видами «Категории», «Последние» или «Популярные». Отображается вид «Категории», но с этой страницы я не могу легко перейти к другим.
  2. Невидимый/пустой переключатель видов для обычных пользователей (вид «Категории»): При входе в систему как обычный пользователь под строкой поиска появляется кнопка, по-видимому, предназначенная для переключения видов. Однако, когда форум находится в виде по умолчанию «Категории», эта кнопка выглядит как большой пустой прямоугольник без текстовой метки, указывающей её функцию (например, «Последние», «Популярные»). Это сбивает пользователей с толку. Эта проблема не возникает, когда главная страница для обычных пользователей уже установлена в «Последние» или «Популярные»; в этом случае кнопка корректно отображает текст для переключения обратно в «Категории».
  3. Разная ширина блока категорий (администратор против обычного пользователя): Блок отображения названий и описаний категорий выглядит уже при просмотре как администратор по сравнению с тем, как он выглядит для обычного пользователя. Это влияет на макет и представление списка категорий.

Я приложил скриншоты, иллюстрирующие эти проблемы (неактуальные части изображений размыты или удалены)

Сталкивался ли кто-то ещё с подобными проблемами в теме Air, особенно когда главная страница по умолчанию установлена на «Категории»? Любые insights или возможные исправления CSS будут очень кстати.

Спасибо!

1 лайк

Я могу подтвердить наличие пустого блока в теме Air. У меня он появляется даже в панели администратора.

Я подтверждаю, что проблема, похоже, находится в самой теме Air, а не в компоненте Modern category groups.

Тем не менее, вам следует создать тему в категории bug с тегом air-theme и, возможно, дополнительным тегом ux.

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

1 лайк

Эта строка в мобильном CSS может быть связана с проблемой. На GitHub эта строка выглядит так:

.navigation-categories .navigation-container,
.categories-list .navigation-container {
  border-bottom: 0 !important;
}

Как я уже упоминал, я скопировал CSS-стиль темы Air, чтобы создать собственную тему. Вот оригинальный код для этой строки — обратите внимание на отсутствие “px”:

.navigation-categories .navigation-container,
.categories-list .navigation-container {
  border-bottom: 0px !important;
}

Не тестировал. Но создайте пользовательский компонент и вставьте вышеуказанный код в мобильный CSS. Сохраните и включите компонент в теме Air.

К сожалению, только что протестировал, и это не исправило проблему. Значение px должно быть по умолчанию, если оно не указано.

1 лайк

@Northern, должен сказать, что я согласен с @qingfeng1024. Урок о том, как так красиво его настроить, был бы действительно ценным.

На мобильных устройствах темы не занимают достаточно широкой области. Есть ли простое решение на CSS, чтобы убрать отступы по бокам? В теме Horizon эти отступы на мобильных реализованы лучше.

1 лайк

Как получить часть с выпадающим списком, содержащим:

Инструменты
О проекте
Ресурсы?

Вероятно, используется
Custom Header Links - #106 by bekircem,
но вы также можете посмотреть
⬇️ Dropdown Header

1 лайк

У меня нет пользовательских компонентов или CSS, но по какой-то причине ширина на экране администратора (шире) отличается от ширины на главной странице (уже).

Можно ли сделать их одинаковыми? Я предпочитаю большую ширину.

Произошла ошибка: Скриншоты темы должны быть в одном из следующих форматов: .jpg, .jpeg, .gif, .png. Скриншот light.webp имеет недопустимый формат.

Ошибка при попытке обновиться до последней версии.

@REALITY, похоже, вы не обновили свой сайт до последней версии, в которой есть обновлённый список:

На всякий случай уточню — вы пытаетесь обновить тему Air до последней версии?

1 лайк

Это выглядит ужасно в Safari на iOS 26, нужна помощь, чтобы исправить это?

Редактирование: также в Chrome для мобильных устройств.

1 лайк

Вы имеете в виду именно эту нехватку места?

Если нет, то что ещё, по вашему мнению, выглядит ужасно? Конкретные замечания помогут нам устранить проблему, с которой вы столкнулись. Спасибо!

1 лайк

Да, это место, и текст «Aktivnosti» выровнен не очень хорошо.

Возможно, кнопки можно сделать с полным текстом, например «New topic».

Тема форума очень приятная, но эти мелочи нужно исправить.