kate522/wordpress-theme-aksrt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(header): full zibll 1:1 for top multifunc search/cards/admin

Browse Source 
Wire hero search through aksrt_get_search_box, device-gated cards/blur (zib_m_pc_is_show), expanded admin schema, and keyword/type UI styles matching zibll header-slider.
This commit is contained in:
kate522
2026-07-24 10:43:29 +08:00
parent e35011f2c0
commit 96bd9d949d
7 changed files with 256 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/frontend/header-components/search-keywords-row.css
+26 -4
View File
@@ -10,30 +10,52 @@
text-align: center;
}
/* zibll: .header-slider-search .search_keywords, .header-slider-search .search-type-but-average .but */
.header-components-search__kw-tag,
.header-slider-search .search_keywords {
.header-slider-search .search_keywords,
.header-slider-search .search-keywords .but,
.header-slider-search .search-type-but-average .but {
--this-bg: rgba(255, 255, 255, 0.8);
--this-color: #888;
display: inline-block;
padding: 3px 5px;
font-size: 0.85em;
line-height: 1.4;
border-radius: 100px;
background: rgba(255, 255, 255, 0.8);
color: #888;
background: var(--this-bg);
color: var(--this-color);
text-decoration: none;
transition: background 0.2s;
}
.header-slider-search .search-type-but-average .but.active {
--this-bg: var(--focus-color, var(--color-primary));
--this-color: #fff;
}
.filter-blur .header-slider-search .search_keywords,
.filter-blur .header-slider-search .search-keywords .but,
.filter-blur .header-slider-search .search-type-but-average .but,
.filter-blur .header-components-search__kw-tag {
-webkit-backdrop-filter: saturate(5) blur(20px);
backdrop-filter: saturate(5) blur(20px);
}
.header-components-search__kw-tag:hover,
.header-slider-search .search_keywords:hover {
.header-slider-search .search_keywords:hover,
.header-slider-search .search-keywords .but:hover {
background: rgba(255, 255, 255, 0.95);
}
/* Hide default keywords title row inside hero overlay (zibll header search has no title line). */
.header-slider-search .search-keywords > p {
display: none;
}
.header-slider-search .search-keywords {
text-align: center;
}
/* zibll mobile (max-width: 767px) search / card offsets */
@media (max-width: 767px) {
.header-components {
assets/css/frontend/header-components/widget-device-visibility.css
+11
View File
@@ -335,3 +335,14 @@
color: rgba(255, 255, 255, 0.85);
text-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
/* zibll: header-slider-search .search-input-text .line-form-line { display:none } */
.header-slider-search .search-input-text .line-form-line,
.header-components-search .search-input-text .line-form-line {
display: none;
}
.header-slider-search .search-type-but-average {
margin-bottom: 2em;
}