mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-26 02:01:19 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: autocomplete for search

Browse Source 
Co-authored-by: Alex Sparkes <turbomarshmello@gmail.com>
This commit is contained in:
David Ralph
2021-05-01 18:29:07 +01:00
parent 7942c367a7
commit a1b6832747
21 changed files with 221 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/helpers/autocomplete/autocomplete.scss Normal file
View File

@@ -0,0 +1,38 @@
.suggestions {
text-align: left;
font-size: calc(5px + 1.2vmin);
background-color: rgba(0, 0, 0, 0.5);
border-top-width: 0;
list-style: none;
margin-top: 40px;
max-height: 143px;
overflow: hidden;
position: relative;
display: inline-block;
margin-left: 40px;
border-radius: 24px;
width: 430px;
opacity: 0;
li {
padding: 0.5rem;
padding-left: 20px;
&:hover {
background-color: rgba(0, 0, 0, 0.5);
cursor: pointer;
}
}
}
.searchBar {
input[type=text]:focus+.suggestions {
opacity: 1;
}
}
@media screen and (min-width: 1400px) {
.suggestions {
margin-top: 50px;
}
}