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

fix(nav): align header user-card VIP CTA with check-in button

Browse Source 
Drop navbar-cta/pill radius classes from the dropdown 开通会员 link and
force full-width 6px radius geometry to match the签到 button.
This commit is contained in:
kate522
2026-07-25 11:42:13 +08:00
parent 7b22f7336d
commit e98f94bc06
2 changed files with 54 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/frontend/nav/header-userbox.css
+51 -10
View File
@@ -109,23 +109,64 @@
text-decoration: none;
}
/* VIP open CTA: same geometry as .aksrt-header-checkin (full width, 6px radius).
* Override any leftover .navbar-cta / .but.radius pill rules from top-nav. */
.user-dropdown .aksrt-header-payvip .payvip-icon,
.user-dropdown .aksrt-header-payvip .but,
.user-dropdown .aksrt-header-payvip__cta,
.aksrt-header-payvip .payvip-icon,
.aksrt-header-payvip .but {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
.aksrt-header-payvip .but,
.aksrt-header-payvip__cta {
display: inline-flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 36px;
max-height: none !important;
box-sizing: border-box;
text-align: center;
text-decoration: none;
padding: 8px 10px;
border-radius: 6px;
background: linear-gradient(90deg, #ff6b6b, #f04494);
color: #fff;
padding: 8px 10px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 6px !important;
font-size: 13px !important;
font-weight: 600;
line-height: 1.3;
white-space: nowrap;
background: linear-gradient(90deg, #ff6b6b, #f04494) !important;
color: #fff !important;
flex: none !important;
transform: none !important;
}
.user-dropdown .aksrt-header-payvip .payvip-icon > i,
.user-dropdown .aksrt-header-payvip .but > i,
.user-dropdown .aksrt-header-payvip__cta > i,
.aksrt-header-payvip .payvip-icon > i,
.aksrt-header-payvip .but > i {
.aksrt-header-payvip .but > i,
.aksrt-header-payvip__cta > i {
margin: 0 !important;
flex: 0 0 auto;
line-height: 1;
color: inherit !important;
}
.user-dropdown .aksrt-header-payvip__cta > span,
.aksrt-header-payvip__cta > span {
line-height: 1.3;
color: inherit;
}
.user-dropdown .aksrt-header-payvip__cta:hover,
.aksrt-header-payvip__cta:hover {
opacity: 0.92;
color: #fff !important;
}
/* Active VIP: level on line 1, smaller expiry on line 2 (no orange pill). */
inc/helpers/aksrt-header-userbox.php
+3 -2
View File
@@ -148,10 +148,11 @@ if (!function_exists('aksrt_header_payvip_bar')) :
return '';
}
// Match check-in CTA geometry (full width, 6px radius) — not top-nav navbar-cta chips.
return '<div class="mt10 em09 aksrt-header-payvip">'
. '<a class="pay-vip but radius4 payvip-icon btn-block navbar-cta" href="javascript:;" vip-level="1">'
. '<a class="pay-vip but block payvip-icon aksrt-header-payvip__cta" href="javascript:;" vip-level="1">'
. '<i class="fas fa-gem" aria-hidden="true"></i>'
. esc_html__('开通会员 尊享会员权益', 'aksrt')
. '<span>' . esc_html__('开通会员 尊享会员权益', 'aksrt') . '</span>'
. '</a></div>';
}
endif;