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-input,
|
||||
.header-search-btn {
|
||||
.header-search-btn,
|
||||
.header-close-btn {
|
||||
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 {
|
||||
vertical-align: text-top;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue