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:
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user