fix(nav): align navbar text and icon baselines with zibll

Center FA icons in toggle-radius/btn chips, restore menu-item title flex baseline, and match CTA/logo vertical alignment so top bar text and icons no longer drift.
This commit is contained in:
kate522 committed 2026-07-24 12:08:09 +08:00
1 parent 9aa0bd0755
commit f492174297
4 files changed
+197 -16

No files matched your search

+44 -1
View File
@@ -296,6 +296,11 @@ badge.top,
font-size: 0.8em;
padding: 0.3em 1em !important;
margin: 0.4em;
display: inline-flex !important;
align-items: center;
justify-content: center;
line-height: 1.44;
vertical-align: middle;
}
.navbar-top .navbar-but .but.hover-show {
@@ -304,11 +309,22 @@ badge.top,
.navbar-top .navbar-brand {
padding: 7px 10px;
display: flex;
align-items: center;
line-height: 1;
}
.navbar-logo {
display: inline-flex;
align-items: center;
line-height: 0;
}
.navbar-logo > img {
height: 36px;
padding: 0 30px;
display: block;
vertical-align: middle;
}
.navbar-top .nav > li > a {
@@ -318,12 +334,16 @@ badge.top,
display: inline-flex !important;
overflow: hidden;
align-items: center;
line-height: 1.44;
}
.navbar-top .nav > li > a > .menu-item-title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
line-height: 1.44;
display: inline-block;
vertical-align: middle;
}
.menu-item > a > .but {
@@ -338,8 +358,31 @@ badge.top,
color: var(--focus-color);
}
.navbar-top .fa {
.navbar-top .fa,
.navbar-top .fas,
.navbar-top .far,
.navbar-top .fab {
transition: 0.2s;
line-height: 1;
}
/* Override AKSRT .btn chrome when used as pure icon hit-targets in the bar */
.navbar-top a.btn.signin-loader,
.navbar-top a.btn.nav-search-btn,
.navbar-top a.btn.main-search-btn {
height: 36px !important;
width: 36px !important;
min-height: 36px !important;
padding: 0 !important;
gap: 0 !important;
line-height: 1 !important;
border-radius: 4px;
font-size: 16px;
}
.navbar-top .navbar-form {
display: flex;
align-items: center;
}
.navbar-collapse .search-input {