cool animation for search page buttons

This commit is contained in:
partisan 2024-10-21 17:09:47 +02:00
parent 01e3ae9f78
commit f492d96563

View file

@ -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 {