我明白了,它只显示在左上角,而不是全宽。我正在使用全宽和标题搜索主题组件。我没有安装任何插件。
我可以在一起使用标题类别导航栏和全宽组件来重现该问题。
要使此功能与全宽组件一起正常工作,您需要在主题中添加一些 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;
}
谢谢,这解决了问题!
另外,我想知道是否有办法对那里显示的类别进行排序?
我认为顺序与类别页面上的相同。您可以通过访问 Reordering categories and setting fixed category positions 来更改它。
下一个问题:
在主题中,我尝试点击一个分类。
然后发生了这种情况:
菜单消失了。
控制台错误:
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)
这里也有同样的问题
重现步骤:点击一个类别 + F5
我已经进行了一些更新,应该可以解决此问题。
非常感谢您的修复!
您能否考虑为标题类别导航栏添加一个应用侧边栏排序顺序的选项?这将使用户有机会将自己的选择应用于标题类别导航栏。
这很有帮助,但不再起作用了,试试这个
html:not(.has-full-page-chat) .d-header:has(.horizontal-overflow-nav) {
height: 5em !important;
}
在第一个帖子中的预览链接上收到“未找到页面”的错误
啊,抱歉。现在再试一次。 ![]()
如果只有几个类别,是否可以将导航栏放在标题中,logo旁边?
此致
Olle
这很有帮助。谢谢。
我想知道是否可以将导航栏居中放在网站上?
是否可以将导航栏包含在带有徽标的标题中?
我还想知道是否可以在/login和/signup页面隐藏导航栏,因为它即使在这里没有标题时也会出现。
此致
Olle
如何将显示位置更改到标题的底部?
它不在页眉的底部吗?如果我理解有误,也许你可以分叉它并更改组件的插件出口。
我的意思是,在 \u003cheader class=\"d-header\"\u003e 下面
最舒适和最易用的导航系统在最近升级后消失了😱
有机会把它弄回来吗?
另外,我不知道控制台是否显示任何错误,因为我现在使用 iPad。
是否有办法让这个(或是否有另一个组件)在存在子类别时在菜单下拉菜单中显示子类别?
返回首页后,所选类别仍处于高亮状态
你好!感谢提供这个组件!
我注意到,通过顶部导航栏或侧边栏选择某个类别后,即使点击论坛 Logo 返回主页,该类别在导航栏中仍然保持下划线高亮状态。
复现步骤:
- 通过导航栏或侧边栏打开一个类别。
- 确认该类别在导航栏中处于高亮状态。
- 点击论坛 Logo 返回主页。
- 之前选中的类别仍然保持高亮。
预期行为: 返回主页时,不应有任何类别保持高亮状态。
查看 custom-categories-navbar.gjs 文件,问题可能出在 setActiveSlug() 函数中:当当前路由包含类别时,它会更新 activeSlug,但当路由不包含类别时,它并未清除该值。
是否可以在现有条件中添加一个 else 分支来解决此问题?
} else {
this.activeSlug = "";
}
这样应该在返回主页时清除激活的类别,同时保留类别和子类别内部现有的高亮行为。
此致,
Prof. Caju
