fix(comments): match avatar identity layout
This commit is contained in:
1 parent
47bf9c8f0b
commit
26ac8167f3
14 files changed
+51
-176
No files matched your search
@@ -195,7 +195,6 @@ main.container,
|
||||
* 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,
|
||||
@@ -212,17 +211,6 @@ main.container,
|
||||
flex: 0 0 auto;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.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;
|
||||
@@ -236,11 +224,6 @@ main.container,
|
||||
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 (legacy compat) plus .user-name / author-hero /
|
||||
|
||||
@@ -282,47 +282,11 @@
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* ============ VIP 徽标 ============ */
|
||||
.aksrt-vip-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: auto;
|
||||
height: 1.1em;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
font: inherit;
|
||||
line-height: 1;
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
vertical-align: -.15em;
|
||||
}
|
||||
|
||||
.aksrt-vip-level-icon,
|
||||
.aksrt-vip-badge__icon {
|
||||
/* Configured paid-content tier icons. */
|
||||
.aksrt-vip-level-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-vip-badge--sm {
|
||||
height: 1.1em;
|
||||
padding: 0;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
.aksrt-vip-badge--lg {
|
||||
padding: 4px 12px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.aksrt-vip-badge--lg i {
|
||||
font-size: 12px;
|
||||
}
|
||||
@@ -355,34 +355,6 @@
|
||||
transition: transform 0.1s linear;
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* 18. VIP 等级标识
|
||||
* ============================================================ */
|
||||
.aksrt-vip-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 2px 8px;
|
||||
border-radius: var(--radius-pill, 999px);
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.aksrt-vip-badge--gold {
|
||||
background: linear-gradient(135deg, #FFD700, #FFA500);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.aksrt-vip-badge--silver {
|
||||
background: linear-gradient(135deg, #C0C0C0, #A8A8A8);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.aksrt-vip-badge--bronze {
|
||||
background: linear-gradient(135deg, #CD7F32, #A0522D);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* 20. 用户等级进度条
|
||||
* ============================================================ */
|
||||
|
||||
@@ -202,7 +202,7 @@
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.aksrt-header-userbox .user-right .aksrt-vip-badge,
|
||||
.aksrt-header-userbox .user-right .img-icon,
|
||||
.aksrt-header-userbox .user-right .aksrt-user-level-icon,
|
||||
.aksrt-header-userbox .user-right .aksrt-identity-medal,
|
||||
.aksrt-header-userbox .user-right .aksrt-header-user-medal,
|
||||
|
||||
@@ -137,7 +137,7 @@
|
||||
.article-avatar name.flex > .display-name {
|
||||
line-height: 1.1;
|
||||
}
|
||||
.article-avatar name.flex > .aksrt-vip-badge,
|
||||
.article-avatar name.flex > .img-icon,
|
||||
.article-avatar name.flex > .aksrt-identity-certification-icon,
|
||||
.article-avatar name.flex > .aksrt-identity-medal,
|
||||
.article-avatar name.flex > .aksrt-user-level-icon,
|
||||
@@ -157,16 +157,12 @@
|
||||
box-sizing: border-box;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
.article-avatar name.flex > .aksrt-vip-badge__icon,
|
||||
.article-avatar name.flex > .img-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;
|
||||
}
|
||||
.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;
|
||||
|
||||
Reference in new issue
Block a user