From e663997451da5f99fde782db2bb5b016b375480a Mon Sep 17 00:00:00 2001 From: unknown Date: Tue, 11 Aug 2026 19:57:43 +0800 Subject: [PATCH] fix(single): align article author identity marks --- assets/css/frontend/single-post/cover.css | 48 +++++++++++++++++------ 1 file changed, 35 insertions(+), 13 deletions(-) diff --git a/assets/css/frontend/single-post/cover.css b/assets/css/frontend/single-post/cover.css index 26869e53..4c4eb8f7 100644 --- a/assets/css/frontend/single-post/cover.css +++ b/assets/css/frontend/single-post/cover.css @@ -276,29 +276,51 @@ color: #fff; } .article-avatar name.flex { + display: inline-flex; + align-items: center; gap: 4px; flex-wrap: nowrap; -} -.article-avatar .aksrt-vip-badge, -.article-avatar .aksrt-identity-chip { - font-size: 12px; + min-height: 1.1em; line-height: 1.1; - vertical-align: -.15em; } -.article-avatar .aksrt-vip-badge, -.article-avatar .medal-icon.img-icon, -.article-avatar .aksrt-identity-medal, -.article-avatar .aksrt-user-level-icon { +.article-avatar name.flex > .display-name { + line-height: 1.1; +} +.article-avatar name.flex > .aksrt-vip-badge, +.article-avatar name.flex > .aksrt-identity-certification-icon, +.article-avatar name.flex > .aksrt-identity-medal, +.article-avatar name.flex > .aksrt-user-level-icon, +.article-avatar name.flex > .aksrt-user-level-badge { + display: inline-flex; + align-items: center; + justify-content: center; width: auto; height: 1.1em; + max-height: 1.1em; max-width: 6em; + margin: 0; + padding-top: 0; + padding-bottom: 0; + line-height: 1; + vertical-align: middle; + box-sizing: border-box; + flex: 0 0 auto; +} +.article-avatar name.flex > .aksrt-vip-badge__icon, +.article-avatar name.flex > .aksrt-identity-certification-icon, +.article-avatar name.flex > .aksrt-identity-medal, +.article-avatar name.flex > .aksrt-user-level-icon { object-fit: contain; - vertical-align: -.15em; - margin-left: 4px; } -.article-avatar .display-name { - margin-right: 2px; +.article-avatar name.flex > .aksrt-vip-badge > i { + font-size: .9em; + line-height: 1; } +.article-avatar name.flex > .aksrt-user-level-badge { + font-size: .78em; + white-space: nowrap; +} + /* Slide cover overlay (injected by aksrt_render_slider overlay_html) */