⬇️ 下拉菜单标题

嘿 Keegan,我正试图为此添加背景,使其看起来像一个按钮,但当我有多个隐藏的安全设置的标题链接时,我仍然可以看到隐藏菜单的残余。有什么办法可以避免这种情况吗?谢谢!

编辑:我发现这是由于添加填充使其看起来像一个按钮而引起的。如果没有简单的解决方案,我可以不使用它。

.custom-header-links .top-level-links .custom-header-link {
    padding: 10px 20px;
    border-radius: 5px;
    background: var(--tertiary);
}

image

编辑 2:
算了,我只需要发挥创意!

.custom-header-links .top-level-links .custom-header-link {
    padding: 10px 0px;
    border-radius: 5px;
    background: var(--tertiary);
}

.custom-header-links .top-level-links .custom-header-link-caret svg {
    padding-right: 10px;
}

.custom-header-links .top-level-links .custom-header-link-icon {
    padding-left: 10px;
}
2 个赞

你好 Keegan,当我尝试使用具有以下设置的安全功能时,最后两个链接就会消失,即使是从有权查看链接的帐户(即属于用户组“company_staff”的用户)查看也是如此。

是我没有正确使用该功能吗?

谢谢。
@keegan


您好 @kenjdarhan

看起来最后两个链接的 headerLinkId 指向的是 12。如果您希望它出现在同一个下拉菜单中,我认为它应该是 0

您好,我一直在使用下拉标题组件,它非常用户友好,对我们非常有帮助。但是,如果下拉菜单中的链接能在新标签页中打开,那就更好了。期待您的回复。

1 个赞

欢迎提交 PR 或联系我们赞助此项工作。

嘿,我是 Font Awesome 的新手,在让图标显示方面遇到了一些困难。
这是我目前为止所做的。有人能帮忙吗?

您是否已将不寻常的设置添加到此全局设置中?

天哪,谢谢你,我一直在用 <i> 格式追加它们,但什么都没发生,谢谢你提供这个。

2 个赞

您好!

您能否阐明您的模板中的哪个部分使得图标/按钮能够链接到您网站上的其他页面?
image

我尤其对这些按钮在移动版本中的呈现方式着迷——它们在移动版本中以图标的形式精美地排列在标题上方。

:+1:

1 个赞

您好,感谢您的回复 :blush:

为了让我的网站(包括论坛)所有区域之间的导航更加流畅,我选择创建了一个包含此响应式导航栏的 HTML 代码,从而消除了下拉组件。

正如您在我的网站的其他页面中看到的,我插入了完全相同的代码,以便所有链接都触手可及 :grin:

https://oii.francescomancuso.it/

https://oii.francescomancuso.it/risorse/

http://oii.francescomancuso.it/contest/

https://oii.francescomancuso.it/ranking/

1 个赞

我该如何真正解决这个问题,我仍然无法让图标显示出来 :smiling_face_with_tear:

@merefield 很棒的组件!

菜单链接在移动设备上不显示。如果链接定位在右侧,则会出现插入符号图标,但它仅显示下拉链接,而不显示菜单链接。我在这里错过了什么?

我附上了桌面视图、移动视图和当前设置的屏幕截图。

移动视图:

非常感谢您的帮助!

谢谢。

1 个赞

您好 @Joe_Nguyen,我刚刚安装了这个组件,它在移动和桌面视图中都能正常工作。如果可能的话,您能否在组件设置中点击“启动编辑器”按钮时,发布您设置的屏幕截图?我不确定那里发生了什么,您在移动视图中应该有更多内容 :thinking:

2 个赞

和 Lily 一样,对我来说运行正常。

我注意到你在 Chrome 中使用了响应式窗口。如果你这样做,请至少重新加载一次页面(F5);否则,你将看不到移动视图。

你也可以通过将 ?mobile_view=1 添加到论坛 URL 来确保你使用的是移动视图。

3 个赞

@Lilly 这是我的设置:

@Arkshine - 当我在 URL 中添加 ?mobile_view=1 时,我确实看到了下拉箭头。

谢谢!

2 个赞

您确定您的手机没有处于桌面模式吗?

1 个赞

@Lilly!我现在在手机上看到下拉菜单了。 :grinning: 我需要弄清楚如何在新窗口中打开链接。

1 个赞

这通常由用户在他们的首选项/界面设置中进行配置,因为使用屏幕阅读器的用户会受到覆盖和在新窗口或标签页中打开链接的严重影响。

再次感谢 @Lilly @Arkshine 的帮助!

1 个赞

不客气,很高兴能帮到你。

@Arkshine 完成了所有工作,我只是发了些评论,哈哈 :laughing:

2 个赞