feat(nav): full-push menu_search types, senior arrangement, CSS polish
- Menu search panel type chips when multi-type search enabled - Graphic card arrangement (wrap/swiper) in senior menu editor - Nav utility CSS: avatar, sub-user width, type chips, mid fold visibility
This commit is contained in:
1 parent
159a12c481
commit
147fd6eaf7
5 files changed
+80
-2
No files matched your search
@@ -220,3 +220,49 @@ body.mobile-navbar-show { overflow: hidden; }
|
||||
background: var(--focus-color);
|
||||
}
|
||||
.navbar-top .nav > li > a { position: relative; }
|
||||
|
||||
/* Type chips in menu search */
|
||||
.aksrt-menu-search-types .but { margin: 0 4px; }
|
||||
.aksrt-menu-search-types .but.active {
|
||||
--this-bg: var(--focus-color-opacity1, rgba(240,68,148,.12));
|
||||
--this-color: var(--focus-color);
|
||||
color: var(--focus-color);
|
||||
}
|
||||
/* Navbar form vertical align */
|
||||
.navbar-top .navbar-form {
|
||||
margin: 0;
|
||||
padding: 0 4px;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
.navbar-top .navbar-form .form-control {
|
||||
height: 34px;
|
||||
box-shadow: none;
|
||||
}
|
||||
/* Avatar in nav */
|
||||
.navbar-top .navbar-avatar img,
|
||||
.navbar-top a.navbar-avatar img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
}
|
||||
.navbar-top .list-inline > li > a.btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
}
|
||||
/* Sub-user-box width */
|
||||
.navbar-top .navbar-right .sub-menu {
|
||||
min-width: 280px;
|
||||
padding: 0;
|
||||
}
|
||||
.navbar-top .navbar-right .sub-menu .sub-user-box {
|
||||
min-width: 280px;
|
||||
}
|
||||
/* Ensure fold trigger visible only mid */
|
||||
@media (min-width: 992px) {
|
||||
.navbar-top .show-nav-but { display: none !important; }
|
||||
}
|
||||
Reference in new issue
Block a user