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

fix(nav): restore multi-type 发布 chip paint on bare navbar-but

Browse Source 
Paint classes (jb-*/but/radius) were on the transparent newadd wrapper,
so the multi-type 发布 toggle rendered invisible outside navbar-but-cluster.
Move them onto .newadd-btns__toggle and style the bare DOM path.
This commit is contained in:
kate522
2026-07-25 11:51:47 +08:00
parent e98f94bc06
commit e194c603cb
3 changed files with 38 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/frontend/nav.css
+6 -2
View File
@@ -143,7 +143,9 @@
.navbar-top a.newadd-btns.navbar-cta,
.navbar-top a.navbar-newposts.navbar-cta,
.navbar-top a.payvip-icon.navbar-cta,
.navbar-top .navbar-vip a.navbar-cta {
.navbar-top .navbar-vip a.navbar-cta,
.navbar-top .navbar-form.navbar-but .newadd-btns__toggle.navbar-cta,
.navbar-top .navbar-but .newadd-btns__toggle.navbar-cta {
font-size: 0.8em !important;
padding: 0.3em 1em !important;
margin: 0 0.4em !important;
@@ -172,7 +174,9 @@
.navbar-top a.navbar-cta.but > .fas,
.navbar-top a.newadd-btns.navbar-cta > i,
.navbar-top a.navbar-newposts.navbar-cta > i,
.navbar-top a.payvip-icon.navbar-cta > i {
.navbar-top a.payvip-icon.navbar-cta > i,
.navbar-top .navbar-form.navbar-but .newadd-btns__toggle > i,
.navbar-top .navbar-but .newadd-btns__toggle > i {
margin: 0 0.25em 0 0 !important;
line-height: 1 !important;
position: static !important;
assets/css/frontend/nav/header-menu-buttons.css
+26 -2
View File
@@ -21,7 +21,10 @@
.navbar-top .navbar-form.navbar-vip a.payvip-icon,
.navbar-top a.newadd-btns.navbar-cta,
.navbar-top a.navbar-newposts.but.navbar-cta,
.navbar-top a.payvip-icon.navbar-cta {
.navbar-top a.payvip-icon.navbar-cta,
.navbar-top .navbar-form.navbar-but .newadd-btns__toggle.navbar-cta,
.navbar-top .navbar-but .newadd-btns__toggle.navbar-cta {
display: inline-flex !important;
align-items: center;
justify-content: center;
@@ -61,6 +64,24 @@
background: var(--color-primary, #2f6df6);
}
/* Multi-type toggle lives outside .navbar-but-cluster on live zibll DOM.
* Paint classes (jb-*) set --this-bg on the toggle; force them to show. */
.navbar-top .navbar-form.navbar-but .newadd-btns__toggle.navbar-cta,
.navbar-top .navbar-but .newadd-btns__toggle.navbar-cta {
color: #fff !important;
background: var(--this-bg, var(--color-primary, #2f6df6)) !important;
border-radius: var(--navbar-cta-radius, 50px);
cursor: pointer;
}
.navbar-top .navbar-form.navbar-but .newadd-btns__toggle.navbar-cta > i,
.navbar-top .navbar-but .newadd-btns__toggle.navbar-cta > i,
.navbar-top .navbar-form.navbar-but .newadd-btns__toggle.navbar-cta .navbar-cta-text,
.navbar-top .navbar-but .newadd-btns__toggle.navbar-cta .navbar-cta-text {
color: inherit !important;
margin: 0 !important;
line-height: 1.44 !important;
}
.navbar-but-cluster {
display: flex;
align-items: center;
@@ -188,7 +209,10 @@ div.newadd-btns.hover-show {
.navbar-but-cluster .newadd-btns > .newadd-btns__toggle,
.navbar-but-cluster button.newadd-btns__toggle,
.navbar-but-cluster a.newadd-btns__toggle,
.navbar-but-cluster .newadd-btns__toggle.navbar-cta {
.navbar-but-cluster .newadd-btns__toggle.navbar-cta,
.navbar-top .navbar-form.navbar-but .newadd-btns > .newadd-btns__toggle,
.navbar-top .navbar-but .newadd-btns > .newadd-btns__toggle,
.navbar-top .newadd-btns__toggle.navbar-cta {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
inc/helpers/aksrt-header-menu-buttons.php
+6 -4
View File
@@ -201,11 +201,13 @@ if (!function_exists('aksrt_render_new_add_btns')) :
. '</a>';
}
// zibll: span.newadd-btns.hover-show > label + .hover-show-con.dropdown-menu.drop-newadd
// zibll: span.newadd-btns.hover-show > toggle chip + .hover-show-con.drop-newadd
// Paint classes (jb-*, but, radius) MUST live on the toggle — wrapper is layout-only
// (background forced transparent). Bare navbar-but has no .navbar-but-cluster shell.
// data-aksrt-newadd: JS may portal menu to body so chip width cannot track menu.
$html = '<span class="' . esc_attr(trim(implode(' ', $wrap_tokens) . ' hover-show ' . $cta_class)) . '" data-aksrt-newadd="1">';
$html .= '<span class="newadd-btns__toggle navbar-cta">' . $label_html
. ' <i class="fas fa-caret-down" aria-hidden="true"></i></span>';
$html = '<span class="' . esc_attr(trim(implode(' ', $wrap_tokens) . ' hover-show')) . '" data-aksrt-newadd="1">';
$html .= '<span class="newadd-btns__toggle navbar-cta ' . esc_attr($cta_class) . '">' . $label_html
. '<i class="fas fa-caret-down" aria-hidden="true"></i></span>';
$html .= '<div class="hover-show-con dropdown-menu drop-newadd" role="menu">';
foreach ($actions as $a) {
$html .= '<a rel="nofollow" class="btn-newadd newadd-btns__item" role="menuitem" href="' . esc_url($a['url']) . '">';