Плавающие элементы управления навигацией и панель навигации для мобильных устройств

:information_source: Резюме Плавающие элементы управления навигацией и верхняя панель навигации для мобильных устройств
:eyeglasses: Предпросмотр Плавающие элементы управления навигацией и верхняя панель навигации для мобильных устройств
:hammer_and_wrench: Репозиторий GitHub - VaperinaDEV/discourse-floating-nav-controls-and-desktop-nav-bar · GitHub
:question: Руководство по установке Как установить тему или компонент темы
:open_book: Новичок в темах Discourse? Начинающий путеводитель по использованию тем Discourse

Привет :wave: Это простой компонент темы, который делает элементы управления навигацией (создание темы, уведомления и другие кнопки) плавающими на мобильных устройствах. Вы также можете изменить панель навигации на версию для настольных компьютеров. Изначально этот компонент не содержал такой функции, но я считаю, что это хороший вариант из-за свободного пространства.

Вдохновлено темой Focused Sidebar :heart:

Включить верхнюю панель навигации для настольных компьютеров.

19 лайков

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

3 лайка

Привет, @Decorbuz,

Да, я считаю, что отличная идея — добавить возможность настраивать стиль кнопок управления навигацией. :slightly_smiling_face:

Я объединил изменения :tada:

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

Screenshot 2022-08-21 at 13.03.26

Если вы включите эту опцию, то станут активными другие настройки ниже.

Вы можете изменить цвет фона кнопок, цвет иконок и скругление (border-radius).

Доступны два раздела:

По умолчанию кнопки круглые, но вы можете изменить степень скругления…

  1. Кнопки управления навигацией, кроме кнопки «Создать тему».

  2. Кнопка «Создать тему»



Редактирование: Я также добавил кнопку «Открыть черновик». Поскольку в пользовательской версии метка скрыта, кажется хорошей идеей менять цвет кнопки, если есть доступный черновик.

8 лайков

Я внес ещё больше изменений, чтобы сделать его более настраиваемым. :slightly_smiling_face:

  1. Вертикальное выравнивание кнопок управления навигацией. Теперь вы можете выровнять кнопки по вертикали, включив следующую настройку.
    Screenshot 2022-08-22 at 1.33.32


  2. Теперь вы также можете задавать положение кнопок справа и снизу с помощью следующих настроек.

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


6 лайков

@Дон, очень хороший компонент темы.

Одна проблема: плавающие кнопки внизу конфликтуют с обновленной панелью темы (когда она зафиксирована внизу) в этом компоненте:
Sticky New Topic Banner - theme-component - Discourse Meta

1 лайк

Можно ли это отключить?

Также было бы здорово, если бы можно было включить только кнопку «Новая тема». Может быть, добавить опцию, чтобы кнопка «Новая тема» работала именно так? :thinking:

2 лайка

Да, это просто изменение цвета. Так что, если вы измените цвета кнопки черновика на такие же, как у кнопки создания темы, она будет отключена.

Хорошо, спасибо, что сообщили! :+1:

Привет, спасибо за этот компонент.

FKB Pro - Социальная тема - тема - Discourse Meta

Как я могу использовать этот компонент вместе с вашей темой выше? Кнопка профиля и кнопка создания новой темы перемещаются вместе.

3 лайка

@Don, как можно добавить кнопки навигации? Сейчас у меня есть только кнопка «Новая тема» и кнопка массового выбора от администратора. Я хочу добавить кнопку, которая открывает список выбираемых опций, как у вас на вашем экземпляре, но только с двумя опциями, например.

2 лайка

Привет, да, это было сделано на основе Convert the New Topic button to a have a sub menu - #7 by awesomerobot. Если я правильно понимаю, что вы имеете в виду :slightly_smiling_face:

3 лайка

Привет! Да, извините за поздний ответ. Это не совсем совместимо с этой темой, так как тема добавляет пользовательские секции в элементы управления навигацией. Мне нужно найти другой способ реализовать это. :slightly_smiling_face:

3 лайка

Возможно ли создать кнопку «Назад» рядом с кнопкой «Создать тему»? Многим пользователям удобнее, когда кнопка возврата находится внизу.

Похоже, этот компонент сломан.

Ошибка: navigation-bar был создан с использованием gjs, и его шаблон нельзя переопределить. Переопределение игнорируется.

См. https://meta.discourse.org/t/not-recomended-overriding-discourse-templates-from-a-theme-or-plugin/247487

2 лайка

@Дон, привет, есть ли шанс на обновление по этому поводу?

К сожалению, нет, я так не думаю. :confused: