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

fix(nav): align VIP hover card titles

Browse Source 
The shared VIP image style is block-level, so the hover-card title now uses explicit icon and label flex items to keep both vertically centered on one row.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
kate522
2026-08-12 13:59:45 +08:00
co-authored by Claude Opus 4.8
parent 122b0492a3
commit 42a60d14d5
2 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/frontend/nav/header-menu-buttons.css
+17 -2
View File
@@ -591,13 +591,28 @@ body.theme-dark body > .drop-newadd .newadd-btns__item {
}
.sub-vip-card .vip-name {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 16px;
position: relative;
z-index: 1;
}
.sub-vip-card .vip-name .mr6 {
margin-right: 6px;
.sub-vip-card .vip-name__icon {
display: flex;
flex: 0 0 auto;
align-items: center;
}
.sub-vip-card .vip-name__icon .aksrt-vip-level-icon {
display: block;
height: 1.1em;
width: auto;
}
.sub-vip-card .vip-name__label {
min-width: 0;
}
.sub-vip-card .v-equity,
src/Content/VipServiceModal.php
+1 -1
View File
@@ -170,7 +170,7 @@ trait VipServiceModal {
$html .= '<div class="vip-baicon" aria-hidden="true">' . $icon . '</div>';
$html .= '<div class="vip-img abs-right">' . $icon . '</div>';
$html .= '<div class="relative">';
$html .= '<div class="vip-name mb10"><span class="mr6">' . $icon . '</span>' . esc_html($name) . '</div>';
$html .= '<div class="vip-name mb10"><span class="vip-name__icon">' . $icon . '</span><span class="vip-name__label">' . esc_html($name) . '</span></div>';
if ($desc !== '') {
$html .= '<div class="mb6 font-bold em09">' . esc_html($desc) . '</div>';
}