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

fix(nav): restore publish/VIP hover bridge and fixed CTA size

Browse Source 
Close dead zone under 发布 (transparent bridge + ::before plate), fix
VIP cards hidden by wrong .navbar-vip.hover-show selector, keep CTA 34px.
This commit is contained in:
kate522
2026-07-22 09:22:27 +08:00
parent 35ac26db28
commit 20a5ae9aae
4 changed files with 151 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/frontend/vip-modal.css
+17 -8
View File
@@ -198,27 +198,36 @@
color: #e74c3c;
}
/* Header hover VIP cards */
.navbar-vip.hover-show {
/* Header hover VIP cards
* Markup: .navbar-vip > .navbar-vip-hover.hover-show > a + .hover-show-con.sub-vip-card
* (hover-show is on the INNER span, not on .navbar-vip itself)
*/
.navbar-vip-hover.hover-show,
.navbar-vip .hover-show {
position: relative;
}
.sub-vip-card {
display: none;
position: absolute;
top: calc(100% + 8px);
top: calc(100% + 0px);
right: 0;
z-index: 60;
width: min(420px, 90vw);
width: max-content;
max-width: min(520px, 92vw);
padding: 10px;
padding-top: 12px; /* hover bridge */
border-radius: 12px;
background: var(--main-bg-color, #fff);
box-shadow: 0 12px 36px rgba(0, 0, 0, 0.16);
background: transparent;
box-shadow: none;
gap: 10px;
box-sizing: border-box;
}
.navbar-vip.hover-show:hover .sub-vip-card,
.navbar-vip.hover-show:focus-within .sub-vip-card {
.navbar-vip-hover.hover-show:hover .sub-vip-card,
.navbar-vip-hover.hover-show:focus-within .sub-vip-card,
.navbar-vip .hover-show:hover .sub-vip-card,
.navbar-vip .hover-show:focus-within .sub-vip-card {
display: flex;
flex-wrap: wrap;
}