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:
2026-07-24 12:08:09 +08:00
parent 9aa0bd0755
commit f492174297
4 changed files with 197 additions and 16 deletions
+18 -2
View File
@@ -253,7 +253,7 @@
.active.badg.hollow,
.active > .hollow:not(.vip-tag) { --this-color: var(--focus-color); }
/* toggle-radius (round 29px toggle) */
/* toggle-radius (round 29px toggle) — zibll 1:1 */
.toggle-radius {
background: var(--this-bg);
width: 29px;
@@ -265,8 +265,24 @@
vertical-align: text-top;
--this-bg: var(--main-border-color);
}
/* zibll groups these with abs-* : absolute + vertical center; then pin left/right 0 */
.toggle-radius .fa,
.toggle-radius .icon { right: 0 !important; left: 0 !important; margin: auto; }
.toggle-radius .icon,
.toggle-radius > i {
position: absolute;
top: 50%;
right: 0 !important;
left: 0 !important;
margin: auto;
transform: translateY(-50%);
line-height: 1;
width: 1em;
height: 1em;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
}
/* solid color modifiers — set --this-bg; default --this-color white */
.b-gray, .b-theme, .b-red, .b-yellow, .b-blue, .b-blue-2, .b-black,