谢谢,我会试试的。
今天我已将 TC 中的精选图片改进移植到插件中,因此您现在可以在移动设备上看到精选图片,且排版得到了显著优化。
这可能会打乱您之前自定义的 CSS 样式,对此深表歉意,但这种情况几乎无法避免。不过,这些改进带来的价值是值得的。
请记住,您可以将水平宽度设置为零,让布局根据宽高比自动决定宽度,从而实现更整洁的视觉效果。如果图片与设置导致空间过于拥挤,您也可以在设置中隐藏摘要部分。
本网站目前运行该插件:
注:在 Safari 浏览器中,由于其更纤薄的滚动条,整体效果看起来会更好一些 ![]()
嘿,更新后我出现了一个没用的横向滚动条。该怎么去掉它呢?![]()
目前我通过修改 CSS 去掉了那个滚动条:
.tlp-featured-topics.has-topics .topics {
overflow-x: hidden;
}
没错,这是正确的做法。目前看来完全没有溢出的问题。顺便一提,那个滚动条在 Safari 上看起来美观多了。
不过,如果特色图片数量大幅增加并渲染到右侧,这种方法可能会导致无法滚动。
所以另一种方法是:发布更多特色内容!
顺便一提,你可以尝试调整滚动条的样式。不幸的是,由于各浏览器对此的支持并不统一,实现起来比较复杂。例如:
/* 适用于 Firefox */
* {
scrollbar-width: thin;
scrollbar-color: grey darkgrey;
}
/* 适用于 Chrome、Edge 和 Safari */
*::-webkit-scrollbar {
height: 6px;
}
*::-webkit-scrollbar-track {
background: darkgrey;
}
*::-webkit-scrollbar-thumb {
background-color: grey;
border-radius: 0px;
border: 0px solid grey;
}
来源:How to Customize Scrollbars with CSS: Styling Guide with Examples | DigitalOcean
谢谢!这是个很好的解决方案 ![]()
你好 @merefield,非常感谢你开发的这个插件,它在我们的社区中非常受欢迎。我们仅在非常简化的场景下使用它,即只在主题列表中显示主题缩略图,除此之外并无其他用途。
不过,在使用几周后,我们不得不将其禁用,因为它在进出主题浏览时会导致相当严重的问题。基本上,进入主题时,布局经常会出现闪烁,导航栏会在主题渲染前短暂消失。同样,返回时也会出现类似情况,并且主题列表中的滚动位置会丢失。此外,启用插件后,进出主题的浏览速度明显变慢。以下是移动端表现的视频录制(抱歉使用了 gfycat 链接,因为屏幕录制文件太大无法直接上传到 Discourse)。
你知道这些问题的原因是什么吗?有什么方法可以防止它们发生吗?控制台中没有任何错误,也没有其他线索表明具体哪里出了问题。
我们已经将“主题列表缩略图分辨率级别”设置为最低的 6,因为我们不需要大尺寸图片,所以图片大小应该也不是问题。如果你需要我提供其他信息来协助排查,请随时告知。
感谢提交报告。出于好奇,您试过 TC 吗?
不,还没试过——如果你觉得这可能会改善情况,我就试试看。它能否与(已禁用的)插件并行安装?
可能不安全,您可能需要重新安装。
您描述的行为很奇怪。标题的 href 与缩略图上的几乎完全相同。
您能确认点击缩略图不会出现该问题吗?(在插件中)。
可以确认!我之前甚至都没注意到,点击缩略图会跳转到主题中的第一条帖子。点击缩略图的速度非常流畅,完全符合预期。
谢谢,那我试试看,不过今晚可能没时间弄了。另外我刚刚发现还有 主题列表缩略图主题组件,考虑到它的功能范围更有限,我想知道它是否更适合我们的使用场景。![]()
顺便说一句,非常感谢你如此迅速的回复!
我现在已经尝试了 TC,但不幸的是,它表现出相同的行为。
谢谢。
是的,这很有趣。
URL 是正确的,但 Ember 似乎将标题点击升级为完整的页面刷新。
如果你查看浏览器的网络标签,就能看到其中的区别。
我相当确定以前并没有这种情况。
标题是由核心中的同一代码生成的,因此这最令人费解。
看起来,当帖子顶部有图片时,会导致“主题列表摘要”出现一些格式样式问题。
(在插件和 TC 中都会发生)
这是一个示例。
前两行是正确的,但在图片之后,第三和第四行的样式发生了变化。(在我尝试的所有主题中都会发生)
通过检查器发现,“主题列表摘要”似乎试图将图片的链接包含在摘要中,从而导致样式问题。
“list/topic-excerpt”不幸位于核心中,而非插件或 TC 中。
我并没有直接覆盖它。
我怀疑这是否是某些 jQuery 的问题?
欢迎协助调试。
感谢您的快速回复。![]()
我还发现,帖子摘要中的某些链接会导致缩略图图像重叠。
这似乎是由内联 onebox 链接引起的。
不确定这是否与 Discourse 核心或 TLP 插件有关。![]()
我可能会暂时禁用摘要功能。
非常感谢 ![]()
抱歉,是的,那可能是 CSS 的问题。试着修改一下。TC 可能有针对该问题的改进版 CSS……记不清了 ![]()
非常感谢。![]()
是的,我认为你说得对,使用 TC 时没有问题。
重叠问题仅在我切换到插件后出现。
希望 Chrome 能尽快修复 CSS Grid 1000 行的限制,这样我们就能完全用 TC 替换插件了。
感谢确认。我稍后会尝试将那段 CSS 迁移过去。目前,你可以在本地 TC 中直接添加它以覆盖样式。






