Merge pull request 'feat(nav): full-push menu_search types, senior arrangement, CSS polish' (#258) from worktree-nav-zibll-1to1 into main
Reviewed-on: CYL/wordpress-theme-aksrt#258
This commit is contained in:
@@ -220,3 +220,49 @@ body.mobile-navbar-show { overflow: hidden; }
|
|||||||
background: var(--focus-color);
|
background: var(--focus-color);
|
||||||
}
|
}
|
||||||
.navbar-top .nav > li > a { position: relative; }
|
.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; }
|
||||||
|
}
|
||||||
|
|||||||
@@ -61,6 +61,11 @@
|
|||||||
function renderGraphicUI($wrap, data) {
|
function renderGraphicUI($wrap, data) {
|
||||||
var html = '<div class="aksrt-sme-toolbar">';
|
var html = '<div class="aksrt-sme-toolbar">';
|
||||||
html += '<button type="button" class="button aksrt-sme-add-card">添加卡片</button>';
|
html += '<button type="button" class="button aksrt-sme-add-card">添加卡片</button>';
|
||||||
|
html += ' <label style="margin-left:8px;">排列 ';
|
||||||
|
html += '<select data-name="arrangement">';
|
||||||
|
html += '<option value=""' + (!data.arrangement ? ' selected' : '') + '>自动换行</option>';
|
||||||
|
html += '<option value="swiper"' + (data.arrangement === 'swiper' ? ' selected' : '') + '>单行滚动</option>';
|
||||||
|
html += '</select></label>';
|
||||||
html += '</div><div class="aksrt-sme-cards">';
|
html += '</div><div class="aksrt-sme-cards">';
|
||||||
(data.items || []).forEach(function (item, i) {
|
(data.items || []).forEach(function (item, i) {
|
||||||
html += '<div class="aksrt-sme-card" data-index="' + i + '">';
|
html += '<div class="aksrt-sme-card" data-index="' + i + '">';
|
||||||
@@ -107,6 +112,7 @@
|
|||||||
|
|
||||||
function readGraphic($wrap) {
|
function readGraphic($wrap) {
|
||||||
var data = graphicTemplate();
|
var data = graphicTemplate();
|
||||||
|
data.arrangement = $wrap.find('[data-name="arrangement"]').val() || '';
|
||||||
data.size = $wrap.find('[data-name="size"]').val() || 'md';
|
data.size = $wrap.find('[data-name="size"]').val() || 'md';
|
||||||
data.img_scale = parseInt($wrap.find('[data-name="img_scale"]').val(), 10) || 100;
|
data.img_scale = parseInt($wrap.find('[data-name="img_scale"]').val(), 10) || 100;
|
||||||
data.items = [];
|
data.items = [];
|
||||||
|
|||||||
@@ -94,7 +94,20 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
var clearBtn = form.querySelector("[data-aksrt-clear-menu-history]");
|
|
||||||
|
form.querySelectorAll("[data-aksrt-menu-search-type]").forEach(function (chip) {
|
||||||
|
chip.addEventListener("click", function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
var v = chip.getAttribute("data-aksrt-menu-search-type") || "post";
|
||||||
|
var tin = form.querySelector('input[name="aksrt_search_type"]');
|
||||||
|
if (tin) tin.value = v;
|
||||||
|
form.querySelectorAll("[data-aksrt-menu-search-type]").forEach(function (c) {
|
||||||
|
c.classList.toggle("active", c === chip);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
var clearBtn = form.querySelector("[data-aksrt-clear-menu-history]");
|
||||||
if (clearBtn && !clearBtn._bound) {
|
if (clearBtn && !clearBtn._bound) {
|
||||||
clearBtn._bound = 1;
|
clearBtn._bound = 1;
|
||||||
clearBtn.addEventListener("click", function (e) {
|
clearBtn.addEventListener("click", function (e) {
|
||||||
|
|||||||
@@ -81,6 +81,19 @@ if (!function_exists('aksrt_get_menu_search_panel_html')) :
|
|||||||
$out .= '</div></div>';
|
$out .= '</div></div>';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Search type chips (when multi-type search enabled).
|
||||||
|
$types = [];
|
||||||
|
if (function_exists('aksrt_get_search_type_options')) {
|
||||||
|
$types = aksrt_get_search_type_options();
|
||||||
|
}
|
||||||
|
if (is_array($types) && count($types) > 1) {
|
||||||
|
$out .= '<div class="aksrt-menu-search-types flex jc mb10">';
|
||||||
|
foreach ($types as $k => $label) {
|
||||||
|
$out .= '<a href="javascript:;" class="but" data-aksrt-menu-search-type="' . esc_attr((string) $k) . '">' . esc_html((string) $label) . '</a>';
|
||||||
|
}
|
||||||
|
$out .= '</div>';
|
||||||
|
}
|
||||||
|
|
||||||
// Hot keywords.
|
// Hot keywords.
|
||||||
if ($show_keywords) {
|
if ($show_keywords) {
|
||||||
$hots = function_exists('aksrt_get_search_hot_keywords') ? aksrt_get_search_hot_keywords() : [];
|
$hots = function_exists('aksrt_get_search_hot_keywords') ? aksrt_get_search_hot_keywords() : [];
|
||||||
|
|||||||
@@ -1 +1 @@
|
|||||||
PASS deep-align menu_search + radius_pill + senior media
|
PASS full-push deep nav contracts
|
||||||
|
|||||||
Reference in New Issue
Block a user