kate522
4f2391fb64
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
35 lines
1.2 KiB
CSS
35 lines
1.2 KiB
CSS
/* ============================================================
|
||
* AKSRT Comments — 补充层
|
||
*
|
||
* 评论区的全部样式以 vendor 的 Zibll 正版样式为准：
|
||
* assets/vendor/zibll/css/main.min.css（含 #comments/#postcomments
|
||
* 桌面规则与移动端媒体查询：.mobile-fixed/.virtual-input/.pagenav/
|
||
* .tab-nav-theme/.dropdown-menu/.line-form/.placeholder 等）
|
||
* + bootstrap 3（.list-unstyled/.list-inline）
|
||
*
|
||
* 本文件只补 AKSRT 特有标记的样式，禁止复制 Zibll 规则——
|
||
* 带 #comments id 前缀的副本会覆盖 vendor 正版样式造成 UI 偏差。
|
||
* ============================================================ */
|
||
|
||
/* 身份徽章（AKSRT 渲染于 <name> 内，对应 zibll 的认证/等级徽章位） */
|
||
#comments .comment-header .aksrt-identity-chip {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 3px;
|
||
vertical-align: middle;
|
||
max-width: 9em;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
font-size: 11px;
|
||
}
|
||
|
||
#comments .comment-header .aksrt-identity-medal {
|
||
display: inline-block;
|
||
width: auto;
|
||
height: 1.1em;
|
||
max-width: 6em;
|
||
object-fit: contain;
|
||
vertical-align: -0.15em;
|
||
}
|