帮助我们测试Horizon,我们最新的主题

是的,标题对齐是一个已知问题,我们目前选择暂时接受它。不幸的是,由于 Discourse 的 HTML 结构限制,我们对齐标题与帖子内容的选项有限。希望我们能在未来几个月内解决这个问题。

3 个赞

好的,我还有两个建议,如图,画红线的地方是我认为该改进的地方:

1、头部太宽,占用了太大的空间,建议高度减小一点。

2、右侧和左侧对比,左侧宽度较大,且内容密集,而右侧宽度较小,一旦有颜色的背景则明显失去平衡。显示器屏幕越大越不舒服。

我建议将背景颜色使用使用浅灰色,右侧栏增加宽度并添加一些可展开的功能按钮,我找了一个类似风格的参考案例:

参考https://mail.google.com/chat

2 个赞

我的反馈:

在宽视口上使用时显得很夸张

新主题按钮的对齐和外观

而且因为它如此显眼,这让我非常恼火。

左下角对齐

右上角对齐

logo 和图标对齐

调整大小时侧边栏背景色消失

我猜是因为不一致的媒体断点?

图标对齐

欢迎回来?我从未离开。

让我想引用 LL Cool J :smiling_face_with_sunglasses:

8 个赞

刚注意到在话题跟踪状态下,话题列表视图中的标签和未读消息计数缺失。

1 个赞

我相信这是为了节省空间而设计的,因为你进入的是移动设备的宽度。你的视频中还有另一个小错误,就是盒子的角落仍然可见,但我认为这已经被修复了,因为我无法重现。

2 个赞

:thinking: 移除侧边栏背景色如何节省空间?

有一个媒体查询在小于 850px 时将背景色设置为 secondary,而侧边栏在 767px 时消失。
角落问题确实消失了。

另一个不一致的断点是正好在 768px 宽时,此时主题区域的浅蓝色背景会重新出现。

并非仅移除背景色,还移除了单独的内容容器

当侧边栏和内容在单独的容器中时,您需要在内容与容器边缘之间进行填充

移除容器后,您只需在元素之间留出空间,从而将所需的填充量减半

是的,这看起来像是媒体查询中存在 1px 的间隙,应该很容易修复(编辑:刚刚合并了一个)

5 个赞

啊哈,感谢你的解释!!

4 个赞

您好,

在时间轴部分,正如您在附加图像中看到的,与日期相关的部分文本(例如“1”和“5”)超出了其容器,未正确显示。

我正在主题中使用带有自定义字体的 Google Fonts 组件。

感谢您的工作。


信息密度太低了,最好能有一个调整间距的选项。

2 个赞

哇!!我刚来到这个帖子就是为了建议同样的事情。能够调整项目密度和大小将非常棒。

与其它主题相比,Horizon 默认的字体大小和间距都比较大。我理解这是为了让它看起来更现代化,但高级用户可能更喜欢更密集的布局。简单来说,也许 90% 的缩放,但元素调整以适应留出的负空间。

对于我们设计师和开发者来说,由于我们在高分辨率屏幕上工作,这一点并不明显,但对于仍在使用低分辨率屏幕的用户来说,一切看起来都太大了。

2 个赞

鉴于此主题的既定目标(“非技术管理员和普通成员”),使用较大的字体、更多的空白和较低的整体信息密度似乎是个好主意。默认情况下,Discourse 的信息量很大。

另外一点:在主题列表中,我期望点击任何地方都能进入一个主题(因为它的边框像按钮一样高亮显示)。目前的行为是必须点击主题的标题。

5 个赞

使用了一段时间,在笔记本小屏上的体验很好,但大屏上的体验不够好。建议在大屏上采用类似 Google Chat 的双面板阅读模式。


主题: Horizon 主题的分类框显示问题(使用了 RTL 语言)

您好,

我正在 Discourse 论坛上使用 Horizon 主题,遇到了分类名称的显示问题。

激活 Horizon 主题后,分类名称周围的框比它们包含的文本大得多,导致视觉效果尴尬。这在附加的截图中有所显示。

**请注意:**我的论坛使用波斯语,这是一种从右到左(RTL)的语言。即使主题没有任何组件启用,该问题仍然存在。

您能否对此进行调查?任何关于如何解决此样式问题的指导都将不胜感激。

谢谢!

2 个赞


主题: 时间线显示问题 - 显示为两条线(使用了 RTL 语言)

您好,

在使用 Discourse 论坛的 Horizon 主题时,我注意到另一个显示问题。

主题中的时间线栏的渲染方式与预期不同。在 Horizon 主题的官方演示网站上,时间线显示为一条连续的线。然而,在我的论坛上启用了 Horizon 主题后,时间线显示为两条独立的线。

我附上了截图,比较了官方网站和我的论坛上的时间线,以说明这种差异。

请注意: 我的论坛使用波斯语,这是一种从右到左(RTL)的语言。即使我没有为主题启用任何组件,该问题仍然存在。我正在使用此主题的最新版本。

您能否就导致时间线显示分裂的原因以及如何将其更正为显示为一条线提供建议?

感谢您的帮助!

3 个赞

感谢您提供的所有报告;我不能保证立即解决,但我会记下这个问题,确保调查RTL方面的问题。

5 个赞

非常感谢你

2 个赞

我说的就是这个话题内容左右两侧多余的空白。看起来不统一。理想情况下,我希望有一个选项让它占据整个宽度,或者至少靠左对齐而不是居中。我反正可以用自定义 CSS 来覆盖它,但只是报告一下,以防在美学上达成共识。

4 个赞

此“主题列表缩略图”组件在新主题中不起作用。到目前为止,我很喜欢这个新主题!但如果它占用的空间更少,可能会更好。减少一些填充可以使其更好地缩放。


此外,标签和类别横幅可以更好地集成。我认为圆角没有意义。


阅读模式使用不同的字体和大小,比 Horizon 主题中使用的字体和大小要小。这使得阅读模式更难阅读。


另外,标签不再列出。我认为显示标签非常重要。就像类别一样,标签可以帮助在概览布局中理解主题。


使用移动视图并选择几个帖子时,当您开始向下滚动时,选择选项会浮动在页面其余部分的上方。

另外,当选择批量操作“设置类别”时,没有任何类别显示出来。

4 个赞

是的!我认为标签应该包含在主题卡片中。就像分类一样,它有助于在不打开主题列表的情况下理解它。

是的!右下角一个浮动的“新主题”按钮也可以。但最好与默认的 Discourse 体验保持一致。


我发现了另一个问题,一个小的。使用默认主题时,这些类别框都适合放在一行中。使用此 Horizon 主题时,它只有足够的空间容纳 3 个框。当然,填充等方面的差异会造成这种情况。但万一这不是故意的,那么我通过报告它尽了我的一份力 :slight_smile:

Horizon 主题

默认 Discourse 主题

3 个赞