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:
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 {
|
||||
|
||||
Reference in new issue
Block a user