💄 Redesign StopSearchMenu (map panel)

- Replace leaflet with openlayers
- Add stop areas shape to map
- Display stop destinations sub-panel on click
This commit is contained in:
2023-04-13 21:27:07 +02:00
parent 0a7d74a215
commit a2728cfc0c
4 changed files with 479 additions and 76 deletions

View File

@@ -10,7 +10,7 @@
}
/* Idfm: 1800x100px (margin: 17px 60px) */
.header {
%header {
width: calc(1800/1920*100%);
height: calc(100/1080*100%);
/*Percentage margin are computed relatively to the nearest block container's width, not height */
@@ -23,7 +23,10 @@
font-family: IDFVoyageur-bold;
}
// .header .title {
.header {
@extend %header;
}
%title {
height: 50%;
width: 70%;
@@ -31,8 +34,6 @@
margin-right: auto;
}
/* Idfm: 1860x892px (margin: 0px 30px) */
%body {
width: calc(1860/1920*100%);
@@ -50,10 +51,8 @@
}
/* Idfm: 1800x54px (margin: 0px 50px) */
.footer {
%footer {
width: calc(1820/1920*100%);
height: calc(54/1080*100%);
margin: 0 calc(50/1920*100%);
@@ -63,6 +62,10 @@
justify-content: right;
}
.footer {
@extend %footer;
}
.footer div {
aspect-ratio: 1;
height: 50%;