fixed cetered search
This commit is contained in:
parent
9b92632cd6
commit
b4256eab97
2 changed files with 25 additions and 9 deletions
|
@ -116,13 +116,29 @@ body.menu-open {
|
|||
color: var(--fg);
|
||||
}
|
||||
|
||||
/* Autocomplete Styles */
|
||||
.autocomplete {
|
||||
text-align: left;
|
||||
width: 100%; /* Ensure it matches the input width */
|
||||
.wrapper-searching {
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.wrapper.show .autocomplete {
|
||||
/* Autocomplete Styles */
|
||||
.autocomplete {
|
||||
display: none;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: -1px; /* this is so curesed */
|
||||
top: 100%;
|
||||
background-color: var(--search-bg-input);
|
||||
border-bottom-left-radius: 22px;
|
||||
border-bottom-right-radius: 22px;
|
||||
border: 1px solid var(--search-bg-input-border);
|
||||
border-top: none;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
/* Show autocomplete when wrapper has 'wrapper-searching' class */
|
||||
.wrapper-searching .autocomplete {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue