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:
@@ -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;
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user