|
|
@ -14,17 +14,60 @@ section.route-planner > section.markers { |
|
|
|
grid-area: markers; |
|
|
|
grid-area: markers; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
section.route-planner > section.markers ol { |
|
|
|
|
|
|
|
padding: 0 |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
section.route-planner > section.markers li::before { |
|
|
|
|
|
|
|
content: '⋮'; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
section.route-planner > section.markers li { |
|
|
|
|
|
|
|
list-style-type: none; |
|
|
|
|
|
|
|
width: 100%; |
|
|
|
|
|
|
|
text-align: left; |
|
|
|
|
|
|
|
cursor: grab; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
section.route-planner > section.markers li:active { |
|
|
|
|
|
|
|
cursor: grabbing; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
section.route-planner > section.markers li .buttons { |
|
|
|
|
|
|
|
float: right; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
section.route-planner > section.markers li button { |
|
|
|
|
|
|
|
background: transparent; |
|
|
|
|
|
|
|
border: 0; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
section.route-planner > section.markers li button[disabled] { |
|
|
|
|
|
|
|
visibility: hidden; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
section.route-planner > section.export { |
|
|
|
section.route-planner > section.export { |
|
|
|
grid-area: export; |
|
|
|
grid-area: export; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
section.route-planner > section.export > button { |
|
|
|
|
|
|
|
width: 100%; |
|
|
|
|
|
|
|
background-color: lime; |
|
|
|
|
|
|
|
padding: 0.5em; |
|
|
|
|
|
|
|
font-weight: bold; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
section.route-planner > section.export > button[disabled] { |
|
|
|
|
|
|
|
visibility: hidden; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
section.route-planner > section.map { |
|
|
|
section.route-planner > section.map { |
|
|
|
grid-area: map; |
|
|
|
grid-area: map; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
section.route-planner .map-container { |
|
|
|
section.route-planner .map-container { |
|
|
|
width: 500px; |
|
|
|
width: 700px; |
|
|
|
height: 500px; |
|
|
|
height: 700px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
section.route-planner .map-container .leaflet-tooltip-pane .text { |
|
|
|
section.route-planner .map-container .leaflet-tooltip-pane .text { |
|
|
@ -35,7 +78,7 @@ section.route-planner .map-container .leaflet-tooltip-pane .text { |
|
|
|
font-weight: bold; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@media (max-width: 639px) { |
|
|
|
@media (max-width: 1000px) { |
|
|
|
section.route-planner { |
|
|
|
section.route-planner { |
|
|
|
grid-template-columns: 1fr; |
|
|
|
grid-template-columns: 1fr; |
|
|
|
grid-template-rows: 1fr min-content 2fr; |
|
|
|
grid-template-rows: 1fr min-content 2fr; |
|
|
|