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:
@@ -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%;
|
||||
|
||||
Reference in New Issue
Block a user