Merge pull request 'fix(nav): zero FA vertical-align in top bar for flex centering' (#275) from worktree-fix-top-multifunc-cards into main
Reviewed-on: CYL/wordpress-theme-aksrt#275
This commit is contained in:
@@ -365,3 +365,37 @@ body.dark-theme .navbar-but-cluster .toggle-theme .theme-icon-sun {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
||||
/* Final FA baseline: never vertical-align in the top bar (flex/abs centering only). */
|
||||
.navbar-top .fa,
|
||||
.navbar-top .fas,
|
||||
.navbar-top .far,
|
||||
.navbar-top .fab,
|
||||
.navbar-top i[class*="fa-"] {
|
||||
line-height: 1 !important;
|
||||
vertical-align: 0 !important;
|
||||
}
|
||||
|
||||
/* Keep every right-side control row on the same optical midline as the brand. */
|
||||
.navbar-top .container-header {
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
min-height: 50px;
|
||||
}
|
||||
.navbar-top .navbar-form,
|
||||
.navbar-top .navbar-right,
|
||||
.navbar-top .navbar-header {
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
min-height: 36px;
|
||||
}
|
||||
|
||||
/* Single-type CTA optical center with 0.3em padding (zibll) */
|
||||
.navbar-top a.navbar-cta.but,
|
||||
.navbar-top .navbar-but .but,
|
||||
.navbar-top a.newadd-btns.navbar-cta,
|
||||
.navbar-top a.payvip-icon.navbar-cta {
|
||||
min-height: calc(1.44em + 0.6em) !important; /* line-height + vertical padding */
|
||||
box-sizing: border-box !important;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user