💄 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:
@@ -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%;
|
||||
|
Reference in New Issue
Block a user