fix(comments): 移除与 vendor 正版样式冲突的移植 CSS,评论区样式回归 zibll 原生

vendor assets/vendor/zibll/css/main.min.css 本就是 Zibll 完整样式表,
已包含评论区全部桌面规则、移动端媒体查询(.mobile-fixed 弹层动画/
.virtual-input/.pagenav/.tab-nav-theme/.dropdown-menu/.line-form/
.placeholder 等)及 <name>/badge/.but/.actived 等组件。此前移植的
comments/shell.css、mobile-item.css、comment-tools.css 大量复制这些
规则且带 #comments id 前缀、加载更晚,覆盖了 vendor 正版值,导致
评论区 UI 与参考主题不一致。

三个文件缩减为「仅补缺口」:
- shell.css:只留 AKSRT 身份徽章两条规则
- mobile-item.css:无缺口,仅保留文件维持 enqueue 句柄链
- comment-tools.css:删除评论代码块重复段,只留投稿/分享/TOC
This commit is contained in:
2026-08-22 13:54:57 +08:00
parent 608a1148c9
commit 4f2391fb64
3 changed files with 33 additions and 882 deletions
+3 -23
View File
@@ -1,31 +1,11 @@
/**
* AKSRT Comment Tools
*
* 评论内容中的代码块样式。工具栏(表情/代码/图片/快捷回复)的 UI
* 由 assets/css/frontend/comments/shell.css 按 zibll 选择器提供。
* 评论相关样式(工具栏下拉、内容中的代码块/图片等)全部由 vendor
* zibll main.min.css 提供,本文件不复制以免覆盖正版样式。
* 仅保留页面级的投稿表单 / 分享按钮 / TOC 样式。
*/
/* ========== 评论代码块 ========== */
.comment-form textarea code,
.comment-content code {
padding: 2px 6px;
background: var(--surface-secondary, #f5f5f5);
border-radius: 4px;
font-family: var(--font-mono, 'Fira Code', monospace);
font-size: 0.875em;
}
.comment-form textarea pre,
.comment-content pre {
padding: 12px;
background: var(--surface-secondary, #f5f5f5);
border-radius: 8px;
overflow-x: auto;
font-family: var(--font-mono, 'Fira Code', monospace);
font-size: 0.875em;
line-height: 1.6;
}
/* ========== 投稿页面增强 ========== */
.aksrt-submit-form__cover-preview {
width: 100%;