### Author:  [@REALITY](https://meta.discourse.org/u/REALITY)
#### Post date: [2021年一月25日 22:17 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1416 "2021-01-25T22:17:00Z")
谢谢，我会试试的。
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年一月25日 22:38 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1417 "2021-01-25T22:38:07Z")
Jon 也请检查 /latest.json 以及缩略图的数据——确保 URL 有效，例如：
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年一月26日 16:27 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1418 "2021-01-26T16:27:52Z")
今天我已将 TC 中的精选图片改进移植到插件中，因此您现在可以在移动设备上看到 **精选图片** ，且排版得到了显著优化。
>
这可能会打乱您之前自定义的 CSS 样式，对此深表歉意，但这种情况几乎无法避免。不过，这些改进带来的价值是值得的。
请记住，您可以将水平宽度设置为零，让布局根据宽高比自动决定宽度，从而实现更整洁的视觉效果。如果图片与设置导致空间过于拥挤，您也可以在设置中隐藏摘要部分。
本网站目前运行该插件：
注：在 Safari 浏览器中，由于其更纤薄的滚动条，整体效果看起来会更好一些 🙂
---
### Author:  [@devnull](https://meta.discourse.org/u/devnull)
#### Post date: [2021年一月28日 23:08 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1419 "2021-01-28T23:08:22Z")
嘿，更新后我出现了一个没用的横向滚动条。该怎么去掉它呢？🙂
目前我通过修改 CSS 去掉了那个滚动条：
```css
.tlp-featured-topics.has-topics .topics {
overflow-x: hidden;
}
```
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年一月28日 23:17 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1420 "2021-01-28T23:17:21Z")
没错，这是正确的做法。目前看来完全没有溢出的问题。顺便一提，那个滚动条在 Safari 上看起来美观多了。
不过，如果特色图片数量大幅增加并渲染到右侧，这种方法可能会导致无法滚动。
所以另一种方法是：发布更多特色内容！
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年一月28日 23:43 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1421 "2021-01-28T23:43:38Z")
顺便一提，你可以尝试调整滚动条的样式。不幸的是，由于各浏览器对此的支持并不统一，实现起来比较复杂。例如：
```plaintext
/* 适用于 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](https://www.digitalocean.com/community/tutorials/css-scrollbars)
---
### Author:  [@devnull](https://meta.discourse.org/u/devnull)
#### Post date: [2021年一月29日 10:23 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1422 "2021-01-29T10:23:00Z")
谢谢！这是个很好的解决方案 🙂
---
### Author:  [@\_diondiondion](https://meta.discourse.org/u/_diondiondion)
#### Post date: [2021年一月31日 18:45 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1423 "2021-01-31T18:45:16Z")
你好 @merefield，非常感谢你开发的这个插件，它在我们的社区中非常受欢迎。我们仅在非常简化的场景下使用它，即只在主题列表中显示主题缩略图，除此之外并无其他用途。
不过，在使用几周后，我们不得不将其禁用，因为它在进出主题浏览时会导致相当严重的问题。基本上，进入主题时，布局经常会出现闪烁，导航栏会在主题渲染前短暂消失。同样，返回时也会出现类似情况，并且主题列表中的滚动位置会丢失。此外，启用插件后，进出主题的浏览速度明显变慢。以下是[移动端表现的视频录制](https://gfycat.com/magnificentharmoniousbernesemountaindog)（抱歉使用了 gfycat 链接，因为屏幕录制文件太大无法直接上传到 Discourse）。
你知道这些问题的原因是什么吗？有什么方法可以防止它们发生吗？控制台中没有任何错误，也没有其他线索表明具体哪里出了问题。
我们已经将“主题列表缩略图分辨率级别”设置为最低的 6，因为我们不需要大尺寸图片，所以图片大小应该也不是问题。如果你需要我提供其他信息来协助排查，请随时告知。
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年一月31日 18:47 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1424 "2021-01-31T18:47:46Z")
感谢提交报告。出于好奇，您试过 TC 吗？
---
### Author:  [@\_diondiondion](https://meta.discourse.org/u/_diondiondion)
#### Post date: [2021年一月31日 18:52 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1425 "2021-01-31T18:52:26Z")
不，还没试过——如果你觉得这可能会改善情况，我就试试看。它能否与（已禁用的）插件并行安装？
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年一月31日 18:55 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1426 "2021-01-31T18:55:42Z")
> [@\_diondiondion](#):
>
> 它与（已禁用的）插件并排安装安全吗？
可能不安全，您可能需要重新安装。
您描述的行为很奇怪。标题的 href 与缩略图上的几乎完全相同。
您能确认点击缩略图不会出现该问题吗？（在插件中）。
---
### Author:  [@\_diondiondion](https://meta.discourse.org/u/_diondiondion)
#### Post date: [2021年一月31日 19:05 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1427 "2021-01-31T19:05:51Z")
> [@merefield](#):
>
> 能否确认点击缩略图不会出现该问题？（在插件中）
可以确认！我之前甚至都没注意到，点击缩略图会跳转到主题中的第一条帖子。点击缩略图的速度非常流畅，完全符合预期。
> [@merefield](#):
>
> 可能不行，你需要重新安装。
谢谢，那我试试看，不过今晚可能没时间弄了。另外我刚刚发现还有 [主题列表缩略图主题组件](https://meta.discourse.org/t/topic-list-thumbnails-theme-component/150602)，考虑到它的功能范围更有限，我想知道它是否更适合我们的使用场景。🤔
顺便说一句，非常感谢你如此迅速的回复！
---
### Author:  [@\_diondiondion](https://meta.discourse.org/u/_diondiondion)
#### Post date: [2021年二月1日 20:58 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1428 "2021-02-01T20:58:00Z")
> [@merefield](#):
>
> 出于好奇，你试过 TC 吗？
我现在已经尝试了 TC，但不幸的是，它表现出相同的行为。
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年二月1日 21:53 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1429 "2021-02-01T21:53:51Z")
谢谢。
是的，这很有趣。
URL 是正确的，但 Ember 似乎将标题点击升级为完整的页面刷新。
如果你查看浏览器的网络标签，就能看到其中的区别。
我相当确定以前并没有这种情况。
标题是由核心中的同一代码生成的，因此这最令人费解。
---
### Author:  [@lhkjacky](https://meta.discourse.org/u/lhkjacky)
#### Post date: [2021年二月3日 14:35 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1430 "2021-02-03T14:35:04Z")
看起来，当帖子顶部有图片时，会导致“主题列表摘要”出现一些格式样式问题。
（在插件和 TC 中都会发生）
这是一个示例。
前两行是正确的，但在图片之后，第三和第四行的样式发生了变化。（在我尝试的所有主题中都会发生）
通过检查器发现，“主题列表摘要”似乎试图将图片的链接包含在摘要中，从而导致样式问题。
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年二月3日 14:55 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1431 "2021-02-03T14:55:52Z")
“list/topic-excerpt”不幸位于核心中，而非插件或 TC 中。
我并没有直接覆盖它。
我怀疑这是否是某些 jQuery 的问题？
欢迎协助调试。
---
### Author:  [@lhkjacky](https://meta.discourse.org/u/lhkjacky)
#### Post date: [2021年二月3日 15:37 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1432 "2021-02-03T15:37:38Z")
感谢您的快速回复。🥰
我还发现，帖子摘要中的某些链接会导致缩略图图像重叠。
这似乎是由内联 onebox 链接引起的。
不确定这是否与 Discourse 核心或 TLP 插件有关。🤔
我可能会暂时禁用摘要功能。
非常感谢 😀
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年二月3日 15:40 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1433 "2021-02-03T15:40:00Z")
抱歉，是的，那可能是 CSS 的问题。试着修改一下。TC 可能有针对该问题的改进版 CSS……记不清了 🙂
---
### Author:  [@lhkjacky](https://meta.discourse.org/u/lhkjacky)
#### Post date: [2021年二月3日 15:49 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1434 "2021-02-03T15:49:19Z")
非常感谢。😀
是的，我认为你说得对，使用 TC 时没有问题。
重叠问题仅在我切换到插件后出现。
希望 Chrome 能尽快修复 CSS Grid 1000 行的限制，这样我们就能完全用 TC 替换插件了。
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年二月3日 15:50 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1435 "2021-02-03T15:50:22Z")
感谢确认。我稍后会尝试将那段 CSS 迁移过去。目前，你可以在本地 TC 中直接添加它以覆盖样式。
[上一頁](https://meta.discourse.org/t/topic-list-previews-legacy/101646.md?page=23)
[下一頁](https://meta.discourse.org/t/topic-list-previews-legacy/101646.md?page=25)