[#181] resolve operations-dropdown behaviour: search-result are at the top if applicable, categories below. clearing search value will display categories

This commit is contained in:
Robin Scholtes 2023-04-20 14:59:22 +12:00
parent 4faaae3151
commit 7ae22ff16b
7 changed files with 36 additions and 35 deletions

View file

@ -1,5 +1,5 @@
/**
* Operations - Search component and search-results list
* Operations - Search component
*/
#search {
@ -9,14 +9,3 @@
linear-gradient(to top, var(--input-highlight-colour) 2px, rgba(0, 0, 0, 0) 2px),
linear-gradient(to top, var(--primary-border-colour) 1px, rgba(0, 0, 0, 0) 1px);
}
#search-results {
position: absolute;
top: 40px; /* the height of the input[type="search"] with pos relative */
width: 100%;
height: auto;
max-height: 60vh;
overflow: scroll;
border-bottom: 1px solid var(--primary-border-colour);
z-index: 20; /* to dropdown on top of all the other elements */
}