kate522/wordpress-theme-aksrt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): align identity badge dimensions

Browse Source
This commit is contained in:
kate522
2026-08-11 19:54:05 +08:00
parent 7d12fc5508
commit b95a4d1a89
5 changed files with 57 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/frontend/base.css
+35 -11
View File
@@ -163,31 +163,55 @@ main.container,
}
/* ========== User identity inline icons ==========
* Level / medal icons ride inline to the right of a username. Centralized here
* so every route (header panel, user center, author hero, single, comments,
* widgets) renders the same compact badge instead of the raw intrinsic PNG size.
*
* Mirrors zibll `.img-icon { height: 1.1em; display: inline-block; vertical-align: -.15em }`
* — sizes to the surrounding line height, never dominates the row. Localized
* exceptions (UC level hero, admin column) override `height` per context.
* All compact identity marks share one line-height baseline: VIP, level,
* certification, and worn medals remain visually aligned in every surface.
*/
.aksrt-vip-badge,
.aksrt-user-level-badge,
.aksrt-user-level-icon,
.aksrt-identity-medal,
.aksrt-identity-certification-icon {
display: inline-block;
.aksrt-identity-certification-icon,
.aksrt-header-user-medal {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
height: 1.1em;
max-width: 6em;
object-fit: contain;
vertical-align: -.15em;
flex: 0 0 auto;
box-sizing: border-box;
}
/* Comment context: a touch smaller to fit the 14px author line. */
.aksrt-vip-badge__icon {
display: block;
width: auto;
height: 1.1em;
max-width: 6em;
object-fit: contain;
}
.aksrt-vip-badge > i {
font-size: .9em;
line-height: 1;
}
.aksrt-user-level-badge {
padding: 0 .35em;
font-size: .78em;
line-height: 1.1;
white-space: nowrap;
}
/* Comment context: keep all identity marks inside the compact author line. */
.aksrt-identity-medal--comment,
.aksrt-user-level-icon--comment {
.aksrt-user-level-icon--comment,
.aksrt-header-user-medal--comment {
height: 1em;
vertical-align: -.12em;
}
.aksrt-vip-badge--sm {
height: 1.1em;
padding: 0;
font-size: inherit;
}
/* No-wrap inline name rows — keep the level icon on the same line as the name.
* The non-standard <name> element (zibll compat) plus .user-name / author-hero /