fix(hero): align header slider title/search stack with zibll

Put hero main title/subtitle in search before_html (document flow),
move the search overlay outside the swiper as a sibling, and reset
search/slide-text positioning to zibll tops so title and search no
longer overlap.
This commit is contained in:
kate522 committed 2026-07-17 23:00:33 +08:00
1 parent e7ccc4f069
commit 397231ca75
12 files changed
+476 -439

No files matched your search

@@ -12,9 +12,11 @@ html.dark .header-components-search .line-form {
color: #ddd;
}
.header-components-search .search-input-text {
/* zibll base padding; leave room for abs-right submit */
.header-components-search .search-input-text,
.header-slider-search .search-input-text {
position: relative;
padding: 3px 42px 3px 8px;
padding: 5px 42px 5px 10px;
}
.header-components-search .line-form-input {
@@ -79,12 +81,16 @@ html.dark .header-components-search .line-form-input {
opacity: 0.92;
}
.header-components-search .line-form .abs-right {
/* zibll: .header-slider-search .line-form .abs-right { margin-top:0; margin-right:-6px; } */
.header-components-search .line-form .abs-right,
.header-slider-search .line-form .abs-right {
position: absolute;
right: -6px;
right: 0.7em;
top: 50%;
transform: translateY(-50%);
margin: 0;
margin-top: 0;
margin-right: -6px;
z-index: 1;
}
.header-components-search__submit {