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