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:
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user