这是我为改善移动视图所做的 CSS 更改。
我非常喜欢这个主题,但注意到了一些细微的瑕疵,因此我还添加了以下 CSS,使其在我看来看起来更美观。希望这对有相同偏好的人有所帮助。
这是原始(未编辑)版本
请注意上图中的以下几点:
- 数字 1(代表回复数)太靠左了。
- 主题气泡略微重叠了蓝色背景。
- 所有内容与蓝色背景之间没有填充。
- 蓝色背景在分类页面上看起来不美观。我喜欢它在主页上的效果。
这是我添加到 Mobile 选项卡中的 CSS 代码。
/* 为分类、子分类、标签、搜索、最新、新主题和通知区域添加一些填充 */
.list-controls {
padding: 5px;
}
/* 为主题区域添加一些填充 */
div#list-area {
padding: 6px;
}
/* 将回复数对齐到右侧 */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts {
float: right;
}
更新后(添加 CSS 后)
如果你也希望移除蓝色背景,以下代码可以仅从分类页面移除它。
/* 仅移除分类页面的蓝色背景 */
html .category .background-container {
background: #fff;
clip-path: none;
}


