Download and Routing button

Phoca Maps - displaying maps in Joomla! CMS
Reddar
Phoca Member
Phoca Member
Posts: 29
Joined: 29 Mar 2019, 23:33

Download and Routing button

Post by Reddar » 08 Dec 2019, 20:45

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

Image

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 42523
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Download and Routing button

Post by Jan » 10 Dec 2019, 16:40

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 :idea:

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 :idea:

Jan
If you find Phoca extensions useful, please support the project

Reddar
Phoca Member
Phoca Member
Posts: 29
Joined: 29 Mar 2019, 23:33

Re: Download and Routing button

Post by Reddar » 10 Dec 2019, 17:09

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
Phoca Member
Phoca Member
Posts: 29
Joined: 29 Mar 2019, 23:33

Re: Download and Routing button

Post by Reddar » 13 Dec 2019, 16:49

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;
}

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 42523
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Download and Routing button

Post by Jan » 16 Dec 2019, 17:17

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

Jan
If you find Phoca extensions useful, please support the project

Post Reply