fix(nav): finish top-bar icon/text baseline alignment

Center toggle/badge FA icons, normalize CTA icon+label without raw spaces, and extend .but FA5 margin so navbar text/icons match zibll.
This commit is contained in:
2026-07-24 12:24:32 +08:00
parent a5fd5105f4
commit 683506f3a2
3 changed files with 63 additions and 3 deletions
+55
View File
@@ -149,3 +149,58 @@
display: flex;
align-items: center;
}
/* Dropdown / user-href circular icon badges (zibll header-user-href) */
.navbar-top .header-user-href .toggle-radius,
.navbar-top .badg.toggle-radius {
position: relative;
display: inline-block;
text-align: center;
vertical-align: middle;
overflow: hidden;
}
.navbar-top .header-user-href .toggle-radius > i,
.navbar-top .header-user-href .toggle-radius .fa,
.navbar-top .header-user-href .toggle-radius .fas,
.navbar-top .badg.toggle-radius > i,
.navbar-top .badg.toggle-radius .fa,
.navbar-top .badg.toggle-radius .fas {
position: absolute !important;
top: 50% !important;
left: 0 !important;
right: 0 !important;
margin: auto !important;
transform: translateY(-50%) !important;
line-height: 1 !important;
width: 1em;
height: 1em;
display: inline-flex !important;
align-items: center;
justify-content: center;
}
/* Kill FA vertical-align drift inside flex chips */
.navbar-top a.btn > i.fas,
.navbar-top a.btn > i.far,
.navbar-top a.navbar-cta > i.fas,
.navbar-top a.navbar-cta > i.far,
.navbar-top .toggle-theme > i.fas {
vertical-align: 0 !important;
}
/* Navbar form row height consistency */
.navbar-top .navbar-form.flex.ac {
min-height: 36px;
}
.navbar-top .list-inline {
display: flex;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
.navbar-top .list-inline > li {
display: flex;
align-items: center;
vertical-align: middle;
}