Download and Routing button

[Reddar]

Hi

I'm very pleased using Phoca Maps but i have some issues with the download and the routing button. See below.

Any help will be appreciated.

Thanks

[Jan]

Hi, in first case the icons are just set by the API, by javascript, so I think, this cannot be changed in the system. But maybe it can be possible through site CSS

And I think, the same is valid for the second case, it is just produced by the API so I think, the way could be a CSS edit

Jan

[Reddar]

OK.

Could you give me some more information about the CSS file to be modified ?

With the Chrome debug mode i have succeed to solve the problem of the second case, but i din't found the location of the CSS file.

And for the first case i did'nt found where the icon position was modified. It is in good position at the beginning and then move when you clic on it.

[Reddar]

Below the solution i've found. Maybe not the best one but it works!

Added in custom.css :

Left issue :

.easyPrintHolder {
margin-top: -9px !important;
margin-bottom: -14px !important;
margin-left: 30px !important;
}

a#leafletEasyPrint.leaflet-control-easyPrint-button-export{
float: left;
}

Right issue :

.leaflet-routing-remove-waypoint {
vertical-align: baseline;
}

.leaflet-routing-container.leaflet-bar.leaflet-routing-container-hide.leaflet-routing-collapsible.leaflet-control:hover {
background-color: #f4f4f4;
cursor: pointer;
}

.leaflet-routing-alt, .leaflet-routing-geocoders, .leaflet-routing-error {
margin-bottom: 0;
}

.leaflet-routing-add-waypoint:after {
content: '\ff0b';
}

.leaflet-routing-add-waypoint, .leaflet-routing-reverse-waypoints {
color: #4444;
}

.leaflet-routing-add-waypoint:focus, .leaflet-routing-reverse-waypoints:focus {
background-color: white;
outline:none;
}

[Jan]

Hi, great to hear it, thank you for the info.

Jan