用于移动端的悬浮导航控件和桌面导航栏

|||
|-|-|-|
| :information_source: | 摘要 | 浮动导航控件和移动设备桌面导航栏
| : eyeglasses:|预览| 浮动导航控件和移动设备桌面导航栏 |
| : hammer_and_wrench:|存储库| GitHub - VaperinaDEV/discourse-floating-nav-controls-and-desktop-nav-bar |
| : question:|安装指南|如何安装主题或主题组件|
| : open_book:|不熟悉 Discourse 主题?| Discourse 主题使用入门指南

你好 :wave: 这是一个简单的组件,用于使移动设备上的导航控件(创建主题、通知和其他按钮)浮动。您还可以将导航栏更改为桌面版本。该组件最初不包含此功能,但由于空白空间,我认为这是一个不错的选择。

灵感来自 Focused Sidebar Theme :heart:

启用桌面导航栏。

19 个赞

如果能将浮动导航控件更改为此样式,那就太好了。

3 个赞

你好 @Decorbuz

是的,我认为添加自定义导航控件按钮样式是个好主意。:slightly_smiling_face:

我已经合并了 :tada:

我添加了一个 custom nav control buttons enabled 设置,您可以在其中更改这些按钮的样式。

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 个赞

@Don 非常棒的主题组件。

一个问题:底部的浮动按钮与此组件中更新的主题栏(当固定在底部时)冲突:
Sticky New Topic Banner - theme-component - Discourse Meta

1 个赞

有办法禁用它吗?

另外,如果您可以选择仅启用“新主题”按钮,那将是很好的。也许有一个选项可以更改“新主题”按钮的功能,使其像这样::thinking:

2 个赞

是的,这只是一个颜色更改。因此,如果您将草稿按钮的颜色更改为与创建主题按钮相同的颜色,那么它将被禁用

好的,很高兴知道!谢谢! :+1:

您好,感谢您的组件。

FKB Pro - Social theme - theme - 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 个赞

@Don,这个主题组件有更新的可能性吗?目前没有一个主题组件能完全实现这个功能,我非常希望能在移动设备上使用桌面导航栏。非常感谢!

@Don 你好,有可能对此进行更新吗?

不,恐怕不行。 :confused: