将流行功能引入Discourse:头部搜索、欢迎横幅和类别图标/表情符号

大家好,

我们最近升级了 Discourse 论坛 (tw.forumosa.com),并且在最新的更新中,新的“欢迎回来”标题和集成的搜索栏已添加到主页。虽然概念上看起来不错,但我们注意到了一些可用性问题——尤其是在移动设备上:

1. 由于透明度,搜索下拉菜单可能难以阅读

在顶部的导航栏上点击搜索图标时(例如,在 Android 上),会出现下拉菜单,但其背景是透明的,使得搜索结果几乎无法在后面的内容上阅读。实心背景应该可以解决这个问题。我在下面发布了截图来说明我的意思。

2. 标题很高 - 如何调整垂直间距?

新的欢迎消息和搜索栏在移动设备上占用了大量屏幕空间。由于我们已经在导航栏中有了搜索图标,因此添加的搜索栏感觉是多余的。我们希望缩小此标题的高度,或者在小屏幕上完全隐藏额外的搜索栏/欢迎消息。

这可能会影响桌面端,但目前在移动设备上尤其成问题。

有人遇到过这种情况并找到通过 CSS 或主题组件覆盖它的干净方法吗?

祝好!

7 个赞