fix(nav): header publish menu + userbox card polish

Unpaint multi-type 发布 wrapper, fix light-menu ink, avatar unread
dot clipping, check-in REST double namespace, and user-card VIP/check-in layout.
This commit is contained in:
2026-07-22 08:49:27 +08:00
parent df2874698c
commit 77164fee45
9 changed files with 126 additions and 38 deletions
@@ -83,6 +83,12 @@
display: inline-flex;
align-items: center;
z-index: 20;
/* Wrapper must not inherit CTA paint (pink/primary fill + white text). */
background: transparent !important;
color: inherit;
padding: 0;
border: 0;
box-shadow: none;
}
.newadd-btns .drop-newadd,
@@ -133,7 +139,8 @@
align-items: center;
gap: 8px;
padding: 8px 14px;
color: inherit;
/* Explicit ink color — never inherit white from CTA toggle. */
color: var(--color-ink, #222);
text-decoration: none;
white-space: nowrap;
position: relative;
@@ -151,6 +158,18 @@
color: var(--focus-color, var(--color-primary));
}
html.dark .newadd-btns__item,
body.dark-theme .newadd-btns__item,
body.theme-dark .newadd-btns__item {
color: var(--color-ink, #f8fafc);
}
html.dark .newadd-btns__item:hover,
body.dark-theme .newadd-btns__item:hover,
body.theme-dark .newadd-btns__item:hover {
color: var(--focus-color, var(--color-primary));
}
/* Generic hover-show (zibll parity) */
.hover-show {
position: relative;
@@ -88,6 +88,43 @@
margin: 0 !important;
}
/* Active VIP: level on line 1, smaller expiry on line 2 (no orange pill). */
.aksrt-header-payvip .payvip-icon.aksrt-header-payvip__active,
.aksrt-header-payvip__active {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2px;
line-height: 1.25;
}
.aksrt-header-payvip__level {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
font-weight: 600;
}
.aksrt-header-payvip__level > i {
margin: 0 !important;
}
.aksrt-header-payvip__exp {
display: block;
font-size: 0.85em;
font-weight: 400;
line-height: 1.3;
opacity: 0.9;
background: none !important;
border: 0;
padding: 0;
margin: 0;
color: inherit;
box-shadow: none;
}
.aksrt-header-badges {
flex-wrap: wrap;
gap: 4px;
+17 -5
View File
@@ -154,7 +154,8 @@
padding: 0;
border: none; /* 对齐 zibll:头像无边框 */
cursor: pointer;
overflow: hidden;
/* Allow unread corner badge to paint outside the avatar circle. */
overflow: visible;
background: var(--surface-2);
transition: box-shadow var(--dur-fast, 0.15s) var(--ease);
}
@@ -168,6 +169,7 @@
height: 100%;
object-fit: cover;
display: block;
border-radius: inherit;
}
.user-dropdown {
@@ -679,13 +681,16 @@
}
.nav-user__dot {
position: absolute;
top: 0;
right: 0;
top: -1px;
right: -1px;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--color-error, #ef4444);
border: 2px solid var(--surface-1, #fff);
box-sizing: content-box;
pointer-events: none;
z-index: 2;
}
.nav-user__guest-avatar {
width: 36px;
@@ -715,20 +720,27 @@
gap: 6px;
flex-wrap: wrap;
}
/* Beat generic `.user-dropdown a { width:100%; height:44px }` sizing. */
.user-dropdown a.user-dropdown__msg,
.user-dropdown__msg {
position: absolute;
top: 8px;
right: 8px;
width: 34px;
height: 34px;
width: 34px !important;
height: 34px !important;
min-width: 34px;
max-width: 34px;
border-radius: 50%;
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 0 !important;
padding: 0 !important;
background: var(--surface-2);
color: var(--color-ink-3);
box-sizing: border-box;
}
.user-dropdown a.user-dropdown__msg:hover,
.user-dropdown__msg:hover {
background: var(--surface-3);
color: var(--color-primary);