fix(nav): restore multi-type 发布 chip paint on bare navbar-but
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:
1 parent
e98f94bc06
commit
e194c603cb
3 files changed
+38
-8
No files matched your search
@@ -143,7 +143,9 @@
|
|||||||
.navbar-top a.newadd-btns.navbar-cta,
|
.navbar-top a.newadd-btns.navbar-cta,
|
||||||
.navbar-top a.navbar-newposts.navbar-cta,
|
.navbar-top a.navbar-newposts.navbar-cta,
|
||||||
.navbar-top a.payvip-icon.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;
|
font-size: 0.8em !important;
|
||||||
padding: 0.3em 1em !important;
|
padding: 0.3em 1em !important;
|
||||||
margin: 0 0.4em !important;
|
margin: 0 0.4em !important;
|
||||||
@@ -172,7 +174,9 @@
|
|||||||
.navbar-top a.navbar-cta.but > .fas,
|
.navbar-top a.navbar-cta.but > .fas,
|
||||||
.navbar-top a.newadd-btns.navbar-cta > i,
|
.navbar-top a.newadd-btns.navbar-cta > i,
|
||||||
.navbar-top a.navbar-newposts.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;
|
margin: 0 0.25em 0 0 !important;
|
||||||
line-height: 1 !important;
|
line-height: 1 !important;
|
||||||
position: static !important;
|
position: static !important;
|
||||||
|
|||||||
@@ -21,7 +21,10 @@
|
|||||||
.navbar-top .navbar-form.navbar-vip a.payvip-icon,
|
.navbar-top .navbar-form.navbar-vip a.payvip-icon,
|
||||||
.navbar-top a.newadd-btns.navbar-cta,
|
.navbar-top a.newadd-btns.navbar-cta,
|
||||||
.navbar-top a.navbar-newposts.but.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;
|
display: inline-flex !important;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@@ -61,6 +64,24 @@
|
|||||||
background: var(--color-primary, #2f6df6);
|
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 {
|
.navbar-but-cluster {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -188,7 +209,10 @@ div.newadd-btns.hover-show {
|
|||||||
.navbar-but-cluster .newadd-btns > .newadd-btns__toggle,
|
.navbar-but-cluster .newadd-btns > .newadd-btns__toggle,
|
||||||
.navbar-but-cluster button.newadd-btns__toggle,
|
.navbar-but-cluster button.newadd-btns__toggle,
|
||||||
.navbar-but-cluster a.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;
|
display: inline-flex !important;
|
||||||
align-items: center !important;
|
align-items: center !important;
|
||||||
justify-content: center !important;
|
justify-content: center !important;
|
||||||
|
|||||||
@@ -201,11 +201,13 @@ if (!function_exists('aksrt_render_new_add_btns')) :
|
|||||||
. '</a>';
|
. '</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.
|
// 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="' . esc_attr(trim(implode(' ', $wrap_tokens) . ' hover-show')) . '" data-aksrt-newadd="1">';
|
||||||
$html .= '<span class="newadd-btns__toggle navbar-cta">' . $label_html
|
$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>';
|
. '<i class="fas fa-caret-down" aria-hidden="true"></i></span>';
|
||||||
$html .= '<div class="hover-show-con dropdown-menu drop-newadd" role="menu">';
|
$html .= '<div class="hover-show-con dropdown-menu drop-newadd" role="menu">';
|
||||||
foreach ($actions as $a) {
|
foreach ($actions as $a) {
|
||||||
$html .= '<a rel="nofollow" class="btn-newadd newadd-btns__item" role="menuitem" href="' . esc_url($a['url']) . '">';
|
$html .= '<a rel="nofollow" class="btn-newadd newadd-btns__item" role="menuitem" href="' . esc_url($a['url']) . '">';
|
||||||
|
|||||||
Reference in new issue
Block a user