fix search form display
This commit is contained in:
parent
3a237af9c9
commit
3198ab8ccd
1 changed files with 31 additions and 1 deletions
|
|
@ -132,10 +132,40 @@ strong {
|
||||||
|
|
||||||
.header-search {
|
.header-search {
|
||||||
.header-search-input,
|
.header-search-input,
|
||||||
.header-search-btn {
|
.header-search-btn,
|
||||||
|
.header-close-btn {
|
||||||
height: 37px;
|
height: 37px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.input-group {
|
||||||
|
border: 1px solid #ced4da;
|
||||||
|
border-radius: 0;
|
||||||
|
|
||||||
|
&:focus-within {
|
||||||
|
border-color: #3f2a56;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-search-input {
|
||||||
|
border: none;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-search-btn,
|
||||||
|
.header-close-btn {
|
||||||
|
background-color: #fff;
|
||||||
|
border: none;
|
||||||
|
|
||||||
|
&:focus,
|
||||||
|
&:active,
|
||||||
|
&:focus-visible {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.header-search-icon {
|
.header-search-icon {
|
||||||
vertical-align: text-top;
|
vertical-align: text-top;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue