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
1 parent
1d1fef50af
commit
0d9db942f8
13 files changed
+181
-85
No files matched your search
@@ -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);
|
||||
}
|
||||
@@ -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;
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
Reference in new issue
Block a user