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

**URL:** https://meta.discourse.org/t/floating-navigation-controls-and-desktop-navigation-bar-for-mobile/236656
**Category:** Theme component
**Tags:** mobile, broken
**Created:** [19.Август.2022 18:26:32 UTC](https://meta.discourse.org/t/floating-navigation-controls-and-desktop-navigation-bar-for-mobile/236656 "2022-08-19T18:26:32Z")
**Posts on this page:** 17
**Page:** 1

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [19.Август.2022 18:26:32 UTC](https://meta.discourse.org/t/floating-navigation-controls-and-desktop-navigation-bar-for-mobile/236656/1 "2022-08-19T18:26:32Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **Резюме** | Плавающие элементы управления навигацией и верхняя панель навигации для мобильных устройств |
| 👓 | **Предпросмотр** | [Плавающие элементы управления навигацией и верхняя панель навигации для мобильных устройств](https://discourse.theme-creator.io/theme/Don/floating-nav-controls-and-desktop-nav-bar) |
| 🛠 | **Репозиторий** | [GitHub - VaperinaDEV/discourse-floating-nav-controls-and-desktop-nav-bar · GitHub](https://github.com/VaperinaDEV/discourse-floating-nav-controls-and-desktop-nav-bar) |
| ❓ | **Руководство по установке** | [Как установить тему или компонент темы](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **Новичок в темах Discourse?** | [Начинающий путеводитель по использованию тем Discourse](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

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

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

 ![Скриншот 2022-08-19 в 17.18.01](https://global.discourse-cdn.com/meta/original/4X/f/2/8/f287e2f089eb4f95262b301c28bc77b09c4fa112.png) ![Скриншот 2022-08-19 в 21.36.06](https://global.discourse-cdn.com/meta/original/4X/d/e/8/de88d8af74333ee353316ef64fcaf059d07df340.png)

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

 ![Скриншот 2022-08-19 в 23.56.27](https://global.discourse-cdn.com/meta/original/4X/9/9/2/992fb06d4a45361ad480642240ad363da524ac1b.png)

 ![Скриншот 2022-08-19 в 23.54.48](https://global.discourse-cdn.com/meta/original/4X/7/f/e/7fea5b1021efcc2f87f1d9de46306295903d320a.png)

---

<div class="post-metadata">

### Author: ![Decorbuz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/decorbuz/32/235124_2.png) [@Decorbuz](https://meta.discourse.org/u/Decorbuz)
#### Post date: [21.Август.2022 00:48:38 UTC](https://meta.discourse.org/t/floating-navigation-controls-and-desktop-navigation-bar-for-mobile/236656/2 "2022-08-21T00:48:38Z")

</div>

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

 ![](https://global.discourse-cdn.com/meta/original/4X/2/4/1/241f9a312c199914a1b3443baa3093df37f52661.jpeg)

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [21.Август.2022 11:26:29 UTC](https://meta.discourse.org/t/floating-navigation-controls-and-desktop-navigation-bar-for-mobile/236656/3 "2022-08-21T11:26:29Z")

</div>

Привет, @Decorbuz,

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

**Я объединил изменения** 🎉

> <https://github.com/VaperinaDEV/discourse-floating-nav-controls-and-desktop-nav-bar/commit/25f71c377b021bd917a1728764999dcb322be891>
>
> Feature: Custom navigation control buttons styles

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

![Screenshot 2022-08-21 at 13.03.26](https://global.discourse-cdn.com/meta/original/4X/2/9/0/2904809e1f92f4f2c37c14f8e800fc1d438c4f9c.png)

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

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

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

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

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

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

* * *

 ![Screenshot_20220821_131529](https://global.discourse-cdn.com/meta/original/4X/8/d/9/8d9550c679025f2e632cb3404bac4d7915bf62c9.jpeg)

* * *

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

> <https://github.com/VaperinaDEV/discourse-floating-nav-controls-and-desktop-nav-bar/commit/4c4bf9c34e8f2187d7565e442bb555bf71233047>
>
> UX: add the ability to change open draft button styles

 ![Screenshot 2022-08-21 at 14.08.22](https://global.discourse-cdn.com/meta/original/4X/f/f/1/ff1fc9b5da1053428612242368f76a566fb81791.png)

 ![Screenshot_20220821_140912](https://global.discourse-cdn.com/meta/original/4X/9/f/2/9f29058977c39f84d3199fbacbb16cd9ad32af2b.jpeg)

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [21.Август.2022 23:53:00 UTC](https://meta.discourse.org/t/floating-navigation-controls-and-desktop-navigation-bar-for-mobile/236656/4 "2022-08-21T23:53:00Z")

</div>

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

1. Вертикальное выравнивание кнопок управления навигацией. Теперь вы можете выровнять кнопки по вертикали, включив следующую настройку.  
 ![Screenshot 2022-08-22 at 1.33.32](https://global.discourse-cdn.com/meta/original/4X/6/6/2/662d6a99c5e4d67da05ddeaa1df21fc83ba733c2.png)  

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

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

* * *

> <https://github.com/VaperinaDEV/discourse-floating-nav-controls-and-desktop-nav-bar/commit/3739055afc3d817f782de499a39c83845a786ddd>
>
> Feature: Customizable desktop navigation bar and new vertical align setting for …navigation control buttons

---

<div class="post-metadata">

### Author: ![Paracelsus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paracelsus/32/164912_2.png) [@Paracelsus](https://meta.discourse.org/u/Paracelsus)
#### Post date: [30.Август.2022 08:27:11 UTC](https://meta.discourse.org/t/floating-navigation-controls-and-desktop-navigation-bar-for-mobile/236656/5 "2022-08-30T08:27:11Z")

</div>

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

Одна проблема: плавающие кнопки внизу конфликтуют с обновленной панелью темы (когда она зафиксирована внизу) в этом компоненте:  
[Sticky New Topic Banner - theme-component - Discourse Meta](https://meta.discourse.org/t/sticky-new-topic-banner/232251)

---

<div class="post-metadata">

### Author: ![Decorbuz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/decorbuz/32/235124_2.png) [@Decorbuz](https://meta.discourse.org/u/Decorbuz)
#### Post date: [02.Сентябрь.2022 16:47:04 UTC](https://meta.discourse.org/t/floating-navigation-controls-and-desktop-navigation-bar-for-mobile/236656/6 "2022-09-02T16:47:04Z")

</div>

> [@Don](#):
>
> Поскольку метка скрыта для пользовательской версии, кажется хорошей идеей изменить цвет кнопки, если есть черновик.

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

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

 ![](https://global.discourse-cdn.com/meta/original/4X/1/1/6/116790a253a0b3979019804102d4b5b6992aba5a.jpeg)

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [03.Сентябрь.2022 06:33:36 UTC](https://meta.discourse.org/t/floating-navigation-controls-and-desktop-navigation-bar-for-mobile/236656/7 "2022-09-03T06:33:36Z")

</div>

> [@Decorbuz](#):
>
> > [@Don](#):
> >
> > Поскольку метка скрыта в пользовательской версии, кажется хорошей идеей изменить цвет кнопки, если черновик доступен.
> 
> Есть ли способ отключить это?

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

---

<div class="post-metadata">

### Author: ![Decorbuz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/decorbuz/32/235124_2.png) [@Decorbuz](https://meta.discourse.org/u/Decorbuz)
#### Post date: [05.Сентябрь.2022 23:58:00 UTC](https://meta.discourse.org/t/floating-navigation-controls-and-desktop-navigation-bar-for-mobile/236656/8 "2022-09-05T23:58:00Z")

</div>

> [@Don](#):
>
> Так что если вы измените цвета кнопки черновика на такие же, как у кнопки создания темы, то она станет _отключённой_.

Хорошо, спасибо, что сообщили! 👍

---

<div class="post-metadata">

### Author: ![ozkn](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ozkn/32/196013_2.png) [@ozkn](https://meta.discourse.org/u/ozkn)
#### Post date: [27.Сентябрь.2022 18:51:44 UTC](https://meta.discourse.org/t/floating-navigation-controls-and-desktop-navigation-bar-for-mobile/236656/9 "2022-09-27T18:51:44Z")

</div>

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

[FKB Pro - Социальная тема - тема - Discourse Meta](https://meta.discourse.org/t/fkb-pro-social-theme/234323/37)

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

---

<div class="post-metadata">

### Author: ![Mr.X\_Mr.X](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mr.x_mr.x/32/126610_2.png) [@Mr.X\_Mr.X](https://meta.discourse.org/u/Mr.X_Mr.X)
#### Post date: [17.Ноябрь.2022 00:54:44 UTC](https://meta.discourse.org/t/floating-navigation-controls-and-desktop-navigation-bar-for-mobile/236656/10 "2022-11-17T00:54:44Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [20.Ноябрь.2022 08:22:31 UTC](https://meta.discourse.org/t/floating-navigation-controls-and-desktop-navigation-bar-for-mobile/236656/11 "2022-11-20T08:22:31Z")

</div>

Привет, да, это было сделано на основе [Convert the New Topic button to a have a sub menu - #7 by awesomerobot](https://meta.discourse.org/t/convert-the-new-topic-button-to-a-have-a-sub-menu/212300/7?u=dodesz). Если я правильно понимаю, что вы имеете в виду 🙂

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [20.Ноябрь.2022 08:25:10 UTC](https://meta.discourse.org/t/floating-navigation-controls-and-desktop-navigation-bar-for-mobile/236656/12 "2022-11-20T08:25:10Z")

</div>

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

---

<div class="post-metadata">

### Author: ![danielabc](https://avatars.discourse-cdn.com/v4/letter/d/b9e5f3/32.png) [@danielabc](https://meta.discourse.org/u/danielabc)
#### Post date: [22.Ноябрь.2022 13:47:04 UTC](https://meta.discourse.org/t/floating-navigation-controls-and-desktop-navigation-bar-for-mobile/236656/13 "2022-11-22T13:47:04Z")

</div>

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

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [11.Сентябрь.2024 14:01:08 UTC](https://meta.discourse.org/t/floating-navigation-controls-and-desktop-navigation-bar-for-mobile/236656/14 "2024-09-11T14:01:08Z")

</div>

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

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

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

---

<div class="post-metadata">

### Author: ![digitaldominica](https://avatars.discourse-cdn.com/v4/letter/d/97f17d/32.png) [@digitaldominica](https://meta.discourse.org/u/digitaldominica)
#### Post date: [24.Апрель.2025 12:12:26 UTC](https://meta.discourse.org/t/floating-navigation-controls-and-desktop-navigation-bar-for-mobile/236656/16 "2025-04-24T12:12:26Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [25.Апрель.2025 06:18:05 UTC](https://meta.discourse.org/t/floating-navigation-controls-and-desktop-navigation-bar-for-mobile/236656/17 "2025-04-25T06:18:05Z")

</div>

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

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [23.Июль.2026 17:40:23 UTC](https://meta.discourse.org/t/floating-navigation-controls-and-desktop-navigation-bar-for-mobile/236656/18 "2026-07-23T17:40:23Z")

</div>


