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 sidebar with route information

Browse Source
This commit is contained in:
Janis Meister
2022-01-26 11:22:32 +01:00
parent 428e746f25
commit 6f8c33e45e
11 changed files with 113 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,10 +1,9 @@
header{
background-color: rgb(37, 37, 37);
height: 50px;
font-size: 15pt;
color:white;
font-weight: bold;
background-color: rgb(37, 37, 37);
height: 50px;
font-size: 15pt;
color:white;
font-weight: bold;
}
header p{
@@ -18,3 +17,42 @@ header p{
width: 100%;
height: 100%;
}
.osrm-route-container{
position: absolute;
right: 0;
width:300px;
margin-top: 50px;
background-color: rgba(27, 27, 27, 0.801);
top:0;
bottom: 0;
color: white;
}
.osrm-route-container h4{
text-align: center;
line-height: 30px;
letter-spacing: 1px;
padding-top: 0px;
margin-top: 2px;
}
.route-list{
width: 100%;
display: block;
font-weight: bold;
text-align: left;
}
.route-list div{
width: 100%;
display: block;
border-top: 1px solid rgba(255, 255, 255, 0.418);
padding-top: 5px;
padding-bottom: 5px;
}
.route-list div p{
display: inline-block;
padding-left: 40px;
}