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-bottom-right-radius: 22px;
|
||||||
border: 1px solid var(--search-bg-input-border);
|
border: 1px solid var(--search-bg-input-border);
|
||||||
border-top: none; /* No top border to avoid double borders with the input */
|
border-top: none; /* No top border to avoid double borders with the input */
|
||||||
|
z-index: 900;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Show autocomplete when wrapper has 'wrapper-searching' class */
|
/* Show autocomplete when wrapper has 'wrapper-searching' class */
|
||||||
|
@ -197,6 +198,9 @@ body.menu-open {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
margin-top: 30px;
|
margin-top: 30px;
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
|
/* Allow transform movement */
|
||||||
|
transition: transform 0.3s ease; /* Smooth movement when suggestions appear */
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-button {
|
.icon-button {
|
||||||
|
|
Loading…
Add table
Reference in a new issue