F NAV - Вкладки мобильной навигации

Настройка Компонент темы
22

Спасибо, Дон. Это именно тот ответ, который я искал. :+1:

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

2 лайка
23

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

3 лайка
24

Мне это нравится, Дон

Но похоже, что в теме fkb pro есть проблема, если вы хотите скрыть гамбургер-меню, как здесь и здесь:

Изображение представляет собой часть пользовательского интерфейса с меню, содержащим кнопки и фотографию профиля, выполненную в тёмной теме с иконками и водяным знаком. (Субтитры созданы ИИ)
Изображение представляет собой часть пользовательского интерфейса с меню, содержащим кнопки и фотографию профиля, выполненную в тёмной теме с иконками и водяным знаком. (Субтитры созданы ИИ)651×322 32.3 KB

Пространство для иконки гамбургера всё ещё остаётся.

2 лайка
25

Привет :wave:
Спасибо за отчет! Я объединил исправление для этого в теме FKB Pro - Social theme :slightly_smiling_face:

3 лайка
26

Сообщение об ошибке: В версии 3.4.0beta значок чата не скрывается после переключения в режим чата:

CleanShot 2025-02-18 at 14.56.01@2x
CleanShot 2025-02-18 at 14.56.01@2x836×1390 32.5 KB

27

Привет :waving_hand:

Это сделано намеренно. Мы скрываем левое меню навигации на страницах /chat и используем стандартный заголовок чата.

Как здесь, в Meta:

На скриншоте показан интерфейс мессенджера с каналом чата «lounge» и аватаркой с иконкой кепки в правом верхнем углу. (Подпись сгенерирована ИИ)
На скриншоте показан интерфейс мессенджера с каналом чата «lounge» и аватаркой с иконкой кепки в правом верхнем углу. (Подпись сгенерирована ИИ)750×838 51.3 KB

28

Понял. Тогда единственный способ — скрыть его вручную через CSS?

29

Вы можете полностью скрыть его с помощью CSS.

Мобильный/CSS

.d-header-icons {
  .header-dropdown-toggle {
    &.chat-header-icon {
      display: none;
    }
  }
}

Примечание: Когда вы находитесь в канале, это единственное место, где можно увидеть уведомления чата.

1 лайк
30

Возможно ли убрать иконку чата, но оставить индикатор нового сообщения?

Редактирование: Справился сам, добавив a svg

.d-header-icons {
  .header-dropdown-toggle {
    &.chat-header-icon a svg {
      display: none;
    }
  }
}
31

Привет, @don, можно ли добавить текст, например «Главная», «Меню» и т. д., под иконками?

32

У меня проблема с сообщениями — они не загружаются.

На изображении показан пост в социальной сети от пользователя по имени Юстин с фотографией рук, держащих друг друга, а также текстом на немецком языке и кругом, выделяющим иконку конверта. (Обозначено ИИ)
На изображении показан пост в социальной сети от пользователя по имени Юстин с фотографией рук, держащих друг друга, а также текстом на немецком языке и кругом, выделяющим иконку конверта. (Обозначено ИИ)1179×1180 133 KB

На этом изображении показана панель уведомлений мобильного приложения с информацией о предстоящей встрече группы взаимопомощи по СДВГ, запланированной на понедельник, 08.05.25, с напоминанием о времени, установленным на 19:30. (Обозначено ИИ)
На этом изображении показана панель уведомлений мобильного приложения с информацией о предстоящей встрече группы взаимопомощи по СДВГ, запланированной на понедельник, 08.05.25, с напоминанием о времени, установленным на 19:30. (Обозначено ИИ)1179×2556 66.5 KB

1 лайк
33

Можете поделиться деталями настройки? У меня статус «Тесты пройдены», и уведомления работают корректно.

На изображении показан экран уведомлений с несколькими сообщениями «Новые советы на вашей панели управления сайтом» от игры «Xenoblade Chronicles Definitive Edition». (Подпись сгенерирована ИИ)
На изображении показан экран уведомлений с несколькими сообщениями «Новые советы на вашей панели управления сайтом» от игры «Xenoblade Chronicles Definitive Edition». (Подпись сгенерирована ИИ)864×1920 171 KB

34

На iPhone в Safari это не работает, в браузере Chrome работает.

1 лайк
35

Хорошо, спасибо за дополнительные детали. Я использую Android.

1 лайк
36

На изображении показан скриншот профиля в социальной сети со строкой статуса и списком категорий, помеченный временем 21:30, с указанием, что последний пост был опубликован 11 часов назад. (Заголовок сгенерирован ИИ)
На изображении показан скриншот профиля в социальной сети со строкой статуса и списком категорий, помеченный временем 21:30, с указанием, что последний пост был опубликован 11 часов назад. (Заголовок сгенерирован ИИ)1080×524 53.9 KB

На изображении показан скриншот интерфейса чата сообщества сервера Discord, демонстрирующий различные посты сообщества в разных категориях, таких как «Поддержка», «Управление сайтом» и «Разработчики», с соответствующими комментариями и лайками. (Заголовок сгенерирован ИИ)
На изображении показан скриншот интерфейса чата сообщества сервера Discord, демонстрирующий различные посты сообщества в разных категориях, таких как «Поддержка», «Управление сайтом» и «Разработчики», с соответствующими комментариями и лайками. (Заголовок сгенерирован ИИ)1080×2400 126 KB

При использовании темы Horizon компонент в списке тем делает верхнюю область (область логотипа/элементов) пустой при прокрутке.

37

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

Похоже, она не совсем совместима с изменениями в заголовке. Я проверю, что происходит в Horizon.

3 лайка
38

О, понял, теперь я вижу, что происходит. В Horizon при прокрутке вниз элемент list-controls остаётся зафиксированным, а F NAV по умолчанию скрывает заголовок. Из-за этого возникает тот самый пробел, который вы показали на скриншоте.

Этот небольшой фрагмент CSS должен работать с темой Horizon.

Он закрепит элемент в верхней части страницы при прокрутке, вместо того чтобы учитывать высоту заголовка.

Mobile / CSS

body.f-nav-hidden {
  .list-controls {
    top: 0;
  }
}

На будущее, возможно, стоит добавить настройку для управления отображением заголовка.

4 лайка
39

Не работает на последней версии Discourse.

40

Можете уточнить?

41

О, понятно, спасибо за отчёт. Миксин scrollTop был удалён из ядра, что и вызвало проблему. Но мы его на самом деле не используем, так что, вероятно, он остался там по ошибке. Исправил здесь: FIX: ScrollTop mixin removed from core · VaperinaDEV/f-nav-for-mobile@6ec554c · GitHub

Пожалуйста, обновите компонент.

3 лайка