diff --git a/assets/css/frontend/nav.css b/assets/css/frontend/nav.css index ed2c72ab..314cf4c5 100644 --- a/assets/css/frontend/nav.css +++ b/assets/css/frontend/nav.css @@ -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; diff --git a/assets/css/frontend/nav/header-menu-buttons.css b/assets/css/frontend/nav/header-menu-buttons.css index 1eaaabf7..20dc884f 100644 --- a/assets/css/frontend/nav/header-menu-buttons.css +++ b/assets/css/frontend/nav/header-menu-buttons.css @@ -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; diff --git a/inc/helpers/aksrt-header-menu-buttons.php b/inc/helpers/aksrt-header-menu-buttons.php index cec3c1e9..934867f0 100644 --- a/inc/helpers/aksrt-header-menu-buttons.php +++ b/inc/helpers/aksrt-header-menu-buttons.php @@ -201,11 +201,13 @@ if (!function_exists('aksrt_render_new_add_btns')) : . ''; } - // 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 = ''; - $html .= '' . $label_html - . ' '; + $html = ''; + $html .= '' . $label_html + . ''; $html .= '