feat(nav): deep-align menu_search panel, pill radius, senior media

- Layout-2 remote-box AJAX panel (history/hot/posts) via aksrt_menu_search
- Live suggestions for post/topic/product; local history for guests
- Publish radius switch (zibll bool pill) mapped to CSS radius class
- Senior menu editor: WP media library image picker
- Active menu underline + panel CSS; acceptance/contract updates
This commit is contained in:
2026-07-22 12:51:56 +08:00
parent 2a11a889c3
commit 159a12c481
14 changed files with 494 additions and 117 deletions
+58
View File
@@ -162,3 +162,61 @@ body.mobile-navbar-show { overflow: hidden; }
.aksrt-sme-field { display: block; margin: 4px 0; }
.aksrt-sme-field span { display: block; font-size: 12px; color: #646970; }
.aksrt-sme-card, .aksrt-sme-col { border: 1px solid #dcdcde; padding: 8px; margin: 8px 0; border-radius: 4px; }
/* Layout-2 remote menu search panel (zibll menu_search) */
.aksrt-remote-box[data-aksrt-menu-search-remote] {
min-height: 8px;
}
.navbar-inline-search-panel {
min-width: 300px;
max-width: 380px;
max-height: 70vh;
overflow: auto;
}
.aksrt-menu-search-posts__item {
display: flex;
flex-direction: column;
gap: 2px;
padding: 6px 2px;
color: inherit;
text-decoration: none;
border-bottom: 1px solid rgba(0,0,0,.04);
}
.aksrt-menu-search-posts__item:last-child { border-bottom: 0; }
.aksrt-menu-search-posts__item:hover { color: var(--focus-color); }
.aksrt-menu-search-history__list .but,
.navbar-inline-search-hots .but { margin: 0 4px 4px 0; }
.loading-spot {
display: inline-block;
width: 1em;
height: 1em;
margin: 8px;
border: 2px solid rgba(0,0,0,.15);
border-top-color: var(--focus-color, #f04494);
border-radius: 50%;
animation: aksrt-spin .7s linear infinite;
}
@keyframes aksrt-spin { to { transform: rotate(360deg); } }
.navbar-but .radius,
.navbar-but .but.radius,
.navbar-cta.radius {
border-radius: 999px !important;
}
/* Active menu underline (zibll-like) */
.navbar-top .nav > li.current-menu-item > a,
.navbar-top .nav > li.current-menu-ancestor > a {
color: var(--focus-color);
}
.navbar-top .nav > li.current-menu-item > a::before,
.navbar-top .nav > li.current-menu-ancestor > a::before {
content: "";
position: absolute;
left: 10px;
right: 10px;
top: 0;
height: 3px;
border-radius: 0 0 3px 3px;
background: var(--focus-color);
}
.navbar-top .nav > li > a { position: relative; }