muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-25 02:56:41 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixed km markers radiuses

Browse source
This commit is contained in:
Fedor Katurov 2020-01-17 18:01:33 +07:00
parent cb02338c67
commit ea8936f283
2 changed files with 11 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/map/Router/index.tsx
View file

@ -110,7 +110,7 @@ const RouterUnconnected: FC<Props> = memo(
item.addTo(MainMap); item.addTo(MainMap);
return () => { return () => {
item.removeFrom(MainMap); item.removeFrom(MainMap).remove();
}; };
}, [dist, end, direction, distance]); }, [dist, end, direction, distance]);

27
src/styles/map.less
View file

@ -122,7 +122,7 @@
.leaflet-km-dist { .leaflet-km-dist {
background: @red_secondary; background: @red_secondary;
color: white; color: white;
border-radius: 4px; border-radius: 8px;
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
min-width: 20px; min-width: 20px;
@ -155,10 +155,11 @@
.leaflet-km-dist { .leaflet-km-dist {
left: auto; left: auto;
right: -3px; right: -3px;
top: -3px; top: -2px;
position: absolute; position: absolute;
z-index: -10; z-index: -10;
padding: 2px 16px 2px 4px; padding: 1px 15px 1px 6px;
border-radius: 10px;
&::after { &::after {
content: ' '; content: ' ';
@ -167,8 +168,8 @@
border-radius: 4px; border-radius: 4px;
background: white; background: white;
position: absolute; position: absolute;
right: 5px; right: 4px;
top: 5px; top: 4px;
} }
} }
@ -186,7 +187,6 @@
} }
} }
.router-marker { .router-marker {
div { div {
background: @router_line; background: @router_line;
@ -197,22 +197,15 @@
top: -5px; top: -5px;
position: absolute; position: absolute;
z-index: -10; z-index: -10;
padding: 2px 8px 2px 8px; padding: 0 6px 0 6px;
border-radius: 4px; border-radius: 12px;
font-weight: bold; font-weight: bold;
} }
&.right { &.right {
div { div {
// padding: 2px 4px 2px 16px; right: auto;
// left: -3px; left: 15px;
right: auto;
left: 15px;
// &::after {
// left: 5px;
// right: auto;
// }
} }
} }
} }