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:
2026-07-25 10:21:20 +08:00
2 changed files with 37 additions and 3 deletions
+34
View File
@@ -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;
}