kate522/wordpress-theme-aksrt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(nav): zero FA vertical-align in top bar for flex centering

Browse Source
This commit is contained in:
kate522
2026-07-24 12:53:15 +08:00
parent c72f51987d
commit aa339c5a4d
2 changed files with 37 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/frontend/nav.css
+34
View File
@@ -340,3 +340,37 @@
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;
}
assets/css/frontend/nav/zib-utilities.css
+3 -3
View File
@@ -331,13 +331,13 @@ body.mobile-navbar-show { overflow: hidden; }
display: inline-block;
vertical-align: middle;
}
/* FA in header: kill common FA vertical drift vs flex centers */
/* FA in header: line-height only — do NOT set vertical-align (causes flex drift). */
.navbar-top .fa,
.navbar-top .fas,
.navbar-top .far,
.navbar-top .fab {
line-height: 1;
vertical-align: -0.05em;
line-height: 1 !important;
vertical-align: 0 !important;
}
.navbar-top .css-icon {
width: 1em;