feat(nav): close P0/P1 parity gaps (nav style, history, plate, admin build)

Wire header_nav_style transparent/blur, login history sync, plate publish
type, clean dead search CSS, rebuild admin SPA locally (build gitignored).
This commit is contained in:
kate522 committed 2026-07-22 17:38:48 +08:00
1 parent 1d1fef50af
commit 0d9db942f8
13 files changed
+181 -85

No files matched your search

+2 -1
View File
@@ -4,6 +4,7 @@
@import url("nav/zib-senior-submenu.css");
@import url("nav/zib-utilities.css");
@import url("nav/zib-search-box.css");
@import url("nav/zib-nav-style.css");
@import url("nav/header-menu-buttons.css");
@import url("nav/header-userbox.css");
@import url("nav/dark-mode-submenu.css");
@import url("nav/dark-mode-submenu.css");
+39
View File
@@ -0,0 +1,39 @@
/* Header nav style: transparent / blur (header_nav_style) */
body.header-nav-style-transparent .header:not(.show-slide) .navbar-top,
body.header-nav-style-transparent .header.nav-style-transparent .navbar-top {
background: transparent !important;
box-shadow: none !important;
}
body.header-nav-style-blur .header:not(.show-slide) .navbar-top,
body.header-nav-style-blur .header.nav-style-blur .navbar-top,
.header.nav-style-blur .navbar-top {
background: var(--blur-bg, rgba(255, 255, 255, 0.72)) !important;
-webkit-backdrop-filter: saturate(5) blur(16px);
backdrop-filter: saturate(5) blur(16px);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}
body.theme-dark.header-nav-style-blur .header:not(.show-slide) .navbar-top,
html.dark body.header-nav-style-blur .header:not(.show-slide) .navbar-top,
body.dark-theme.header-nav-style-blur .header:not(.show-slide) .navbar-top {
background: var(--blur-bg, rgba(20, 22, 28, 0.72)) !important;
}
/* When show-slide + fixed, keep zibll transparent gradient (already in core).
Transparent style reinforces that paint while resting at top of hero. */
body.nav-fixed.header-nav-style-transparent:not(.body-scroll):not(.mobile-navbar-show) .header.show-slide,
body.nav-fixed.header-nav-style-blur:not(.body-scroll):not(.mobile-navbar-show) .header.show-slide {
--header-bg: linear-gradient(0, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.12) 80%);
--header-color: #fff;
}
body.header-nav-style-transparent .header.show-slide .navbar-top,
body.header-nav-style-blur .header.show-slide .navbar-top {
background: transparent !important;
-webkit-backdrop-filter: unset;
backdrop-filter: unset;
box-shadow: none !important;
color: var(--header-color, inherit);
}
+1 -2
View File
@@ -92,9 +92,8 @@
display: none;
}
/* Full navbar-search slide (layout 1/3) */
/* Full navbar-search slide (layout 1/3) — position/transition from zib-navbar-core */
.navbar-search {
position: fixed;
left: 0;
right: 0;
top: 0;
+8 -65
View File
@@ -163,71 +163,6 @@ body.mobile-navbar-show { overflow: hidden; }
.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; }
/* 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;
@@ -266,3 +201,11 @@ body.mobile-navbar-show { overflow: hidden; }
@media (min-width: 992px) {
.navbar-top .show-nav-but { display: none !important; }
}
/* focus-show: reveal sibling dropdown when input focused (zibll) */
.form-group:focus-within .dropdown-menu.hover-show-con,
.hover-show:focus-within .hover-show-con {
visibility: unset;
opacity: 1;
transform: translateY(0);
}