标题分类导航栏

我明白了,它只显示在左上角,而不是全宽。我正在使用全宽和标题搜索主题组件。我没有安装任何插件。

2 个赞

我可以在一起使用标题类别导航栏和全宽组件来重现该问题。

3 个赞

要使此功能与全宽组件一起正常工作,您需要在主题中添加一些 CSS…

类似以下内容应该能让您更好地处理:

html:not(.has-full-page-chat) .custom-categories-navbar {
  grid-column-start: 1;
  grid-column-end: -1;
}

.has-sidebar-page .d-header > .wrap .contents {
  gap: 0 1em;
}
4 个赞

谢谢,这解决了问题!

另外,我想知道是否有办法对那里显示的类别进行排序?

1 个赞

我认为顺序与类别页面上的相同。您可以通过访问 Reordering categories and setting fixed category positions 来更改它。

3 个赞

下一个问题:

在主题中,我尝试点击一个分类。

然后发生了这种情况:

菜单消失了。

控制台错误:

custom-categories-navbar.js:64 Uncaught (in promise)
TypeError: Cannot read properties of null (reading 'scrollIntoView')
    at n.setActiveSlug (custom-categories-navbar.js:64:52)
    at new n (custom-categories-navbar.js:48:12)
    at EmberGlimmerComponentManager.createComponent (base-component-manager.js:26:14)
    at EmberGlimmerComponentManager.createComponent (ember-component-manager.js:51:29)
    at M.create (manager.js:543:1)
    at Object.evaluate (runtime.js:2676:1)
    at Object.evaluate (runtime.js:1052:1)
    at It.evaluateSyscall (runtime.js:4204:1)
    at It.evaluateInner (runtime.js:4175:1)
    at It.evaluateOuter (runtime.js:4168:1)
    at Wt.next (runtime.js:4999:1)
    at Wt._execute (runtime.js:4986:1)
    at Wt.execute (runtime.js:4979:1)
    at $t.insertItem (runtime.js:4468:1)
    at $t.sync (runtime.js:4429:1)
    at $t.evaluate (runtime.js:4366:1)
    at Dt._execute (runtime.js:4247:1)
    at Dt.execute (runtime.js:4232:1)
    at qt.rerender (runtime.js:4547:1)
    at index.js:4674:1
    at index.js:4934:1
    at Nt (runtime.js:4080:1)
    at gr._renderRoots (index.js:4916:1)
    at gr._renderRootsTransaction (index.js:4960:1)
    at gr._revalidate (index.js:4992:1)
    at invoke (backburner.js.js:280:1)
    at h.flush (backburner.js.js:197:1)
    at p.flush (backburner.js.js:358:1)
    at B._end (backburner.js.js:798:1)
    at B.end (backburner.js.js:589:1)
    at B._run (backburner.js.js:842:1)
    at B._join (backburner.js.js:819:1)
    at B.join (backburner.js.js:629:1)
    at Array.<anonymous> (index.js:4765:1)
    at B._trigger (backburner.js.js:896:1)
    at B._end (backburner.js.js:811:1)
    at B._boundAutorunEnd (backburner.js.js:523:1)
3 个赞

这里也有同样的问题

重现步骤:点击一个类别 + F5

5 个赞

我已经进行了一些更新,应该可以解决此问题。

5 个赞

非常感谢您的修复!

您能否考虑为标题类别导航栏添加一个应用侧边栏排序顺序的选项?这将使用户有机会将自己的选择应用于标题类别导航栏。

1 个赞

这很有帮助,但不再起作用了,试试这个

html:not(.has-full-page-chat) .d-header:has(.horizontal-overflow-nav) {
    height: 5em !important;
}
2 个赞

在第一个帖子中的预览链接上收到“未找到页面”的错误

2 个赞

啊,抱歉。现在再试一次。 :+1:

1 个赞

如果只有几个类别,是否可以将导航栏放在标题中,logo旁边?

此致
Olle

这很有帮助。谢谢。

我想知道是否可以将导航栏居中放在网站上?

是否可以将导航栏包含在带有徽标的标题中?

我还想知道是否可以在/login和/signup页面隐藏导航栏,因为它即使在这里没有标题时也会出现。

此致
Olle

如何将显示位置更改到标题的底部?

它不在页眉的底部吗?如果我理解有误,也许你可以分叉它并更改组件的插件出口。

我的意思是,在 \u003cheader class=\"d-header\"\u003e 下面

1 个赞

最舒适和最易用的导航系统在最近升级后消失了😱

有机会把它弄回来吗?

另外,我不知道控制台是否显示任何错误,因为我现在使用 iPad。

1 个赞

是否有办法让这个(或是否有另一个组件)在存在子类别时在菜单下拉菜单中显示子类别?

返回首页后,所选类别仍处于高亮状态

你好!感谢提供这个组件!

我注意到,通过顶部导航栏或侧边栏选择某个类别后,即使点击论坛 Logo 返回主页,该类别在导航栏中仍然保持下划线高亮状态。

复现步骤:

  1. 通过导航栏或侧边栏打开一个类别。
  2. 确认该类别在导航栏中处于高亮状态。
  3. 点击论坛 Logo 返回主页。
  4. 之前选中的类别仍然保持高亮。

预期行为: 返回主页时,不应有任何类别保持高亮状态。

查看 custom-categories-navbar.gjs 文件,问题可能出在 setActiveSlug() 函数中:当当前路由包含类别时,它会更新 activeSlug,但当路由不包含类别时,它并未清除该值。

是否可以在现有条件中添加一个 else 分支来解决此问题?

} else {
  this.activeSlug = "";
}

这样应该在返回主页时清除激活的类别,同时保留类别和子类别内部现有的高亮行为。

此致,
Prof. Caju