cool animation for search page buttons
This commit is contained in:
parent
01e3ae9f78
commit
f492d96563
1 changed files with 4 additions and 0 deletions
|
@ -136,6 +136,7 @@ body.menu-open {
|
|||
border-bottom-right-radius: 22px;
|
||||
border: 1px solid var(--search-bg-input-border);
|
||||
border-top: none; /* No top border to avoid double borders with the input */
|
||||
z-index: 900;
|
||||
}
|
||||
|
||||
/* Show autocomplete when wrapper has 'wrapper-searching' class */
|
||||
|
@ -197,6 +198,9 @@ body.menu-open {
|
|||
flex-wrap: wrap;
|
||||
margin-top: 30px;
|
||||
gap: 20px;
|
||||
/* Allow transform movement */
|
||||
transition: transform 0.3s ease; /* Smooth movement when suggestions appear */
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.icon-button {
|
||||
|
|
Loading…
Add table
Reference in a new issue