Discourse Retort

一些 CSS 问题及其在我们个人使用中的解决方案

桌面端

第一个问题算不上严重,但可能会发生。我们很少在一个帖子下收到这么多回复,但您需要注意:如果回复数超过 8 条,帖子控制区域就会显示异常。
screenshot-vapingcommunity.co.uk-2020.09.08-20_46_47

这里是 8 条回复时的效果,看起来很好。
screenshot-vapingcommunity.co.uk-2020.09.08-20_47_53

桌面端使用的 CSS

.post-retort {
	margin: 0px 2px;
	border: 1px solid #333;
	border-radius: 5px;
	padding: 3px;
	background-color: #666;
}

手机:iPhone SE 第一代

移动端

目前,在移动端(至少在使用较小屏幕时),不破坏帖子控制区域的回复数上限为 1 条。

如果回复数超过 1 条,帖子控制区域就会被移出屏幕。

以下是应用我们的 CSS 修改后的效果。

移动端 CSS

.post-retort {
	border: 1px solid #333;
	border-radius: 5px;
	padding: 3px;
	background-color: #666;
	margin: 2px 2px;
	float: none;
}

您可以使用上述移动端 CSS 在桌面端实现与移动端相同的布局效果,这会将回复按钮放置在帖子控制区域的上方。

screenshot-vapingcommunity.co.uk-2020.09.08-21_03_13

我们非常喜欢这个插件,它在我们的论坛中得到了广泛应用。感谢 @angus 接手这个项目 :+1:

5 个赞