2023-04-19 23:16:43 +12:00
|
|
|
/**
|
|
|
|
|
* Operations - Search component and search-results list
|
|
|
|
|
*/
|
|
|
|
|
|
2023-04-18 22:04:40 +12:00
|
|
|
#search {
|
|
|
|
|
padding-left: 10px;
|
|
|
|
|
padding-right: 10px;
|
|
|
|
|
background-image:
|
|
|
|
|
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 */
|
2023-04-19 21:21:04 +12:00
|
|
|
width: 100%;
|
2023-04-18 22:04:40 +12:00
|
|
|
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 */
|
|
|
|
|
}
|
