janis/street-map-typescript
1
0
Fork 0
mirror of https://github.com/DerTyp7/street-map-typescript.git synced 2025-10-30 13:17:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

added search component

Browse Source
This commit is contained in:
Janis Meister
2022-01-13 12:27:42 +01:00
parent b0215df6c5
commit 1dc65336c4
8 changed files with 124 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/app/app.component.css
View File

@@ -14,62 +14,6 @@ header p{
float:right;
}
.searchField{
display:block;
float:left;
margin-top: 10px;
}
.searchField input{
margin-left: 25px;
border: 1px solid white;
border-radius: 3px;
background-color: rgb(253, 253, 253);
height: 20px;
font-size: 13pt;
font-weight: bold;
font-family: 'Roboto';
padding: 5px;
}
.autocomplete {
position: relative;
display: inline-block;
color: black;
}
.autocomplete-items {
position: absolute;
border: 1px solid #d4d4d4;
border-bottom: none;
border-top: none;
z-index: 99;
/*position the autocomplete items to be the same width as the container:*/
top: 100%;
left: 0;
right: 0;
}
.autocomplete-items div {
padding: 10px;
cursor: pointer;
background-color: #fff;
border-bottom: 1px solid #d4d4d4;
}
/*when hovering an item:*/
.autocomplete-items div:hover {
background-color: #e9e9e9;
}
/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
background-color: DodgerBlue !important;
color: #ffffff;
}
#map{
width: 100%;
height: 100%;