ben/brouter-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Favorite list for search (geocode control) (#452)

Browse source 
* search favorites

Adds the ability to save search terms, use this for autoexpand during
typing in searchbox or select from whole list

* moved class vars to contructor

Co-authored-by: Karl Schweiger <kschweiger@directbox.com>
This commit is contained in:
The Ripper 2021-10-13 19:39:48 +02:00 • committed by GitHub
parent 7624a6d6ce
commit 05ff4bd430
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 373 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

62
css/style.css
View file

@ -854,6 +854,68 @@ table.dataTable.display tbody tr:hover.selected {
border-radius: 0;
}
/**
* Autocompleter styles
*/
.leaflet-control-geocoder-form.stayvisible { display: inline-block; }
.leaflet-control-geocoder-alternatives{
/* display: block; */
position: absolute;
background-color: white;
left: 2rem;
}
.leaflet-control-geocoder-alternatives{
background-color: rgb(255, 255, 255);
}
.autocomplete-container {
position:absolute;
left: 2rem;
width: calc( 100% - 3rem );
z-index: 100;
}
.autocomplete-select-container {
max-height: 15vh;
overflow-y: auto;
}
.autocomplete-container .autocomplete-select button{
text-align: left;
padding-left: 1rem;
padding-right: 1rem;
width: 100%;
}
#search-fav-menu-toggle {
text-align: right;
padding-right: 2rem;
line-height: 100%;
cursor: pointer;
}
#search-fav-menu-toggle > span {
font-weight: bold;
line-height: 0;
font-size: 1.2rem;
}
.autocomplete-container.filtered .autocomplete-select button{ display: none; }
.autocomplete-container.filtered .autocomplete-select button.match{ display: inherit; }
@media (max-width: 320.98px) {
.leaflet-control-geocoder-form > input[type=text] {
max-width: 50vw;
}
.leaflet-control-geocoder-alternatives {
max-width: 65vw;
}
}
@media (max-width: 575.98px) {
.modal-fullscreen-sm-down {
width: 100vw;