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

end markers

Browse source
This commit is contained in:
muerwre 2019-03-04 15:06:03 +07:00
parent b968839095
commit 37a7a48131
5 changed files with 90 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

59
src/styles/map.less
View file

@ -40,13 +40,31 @@
}
}
.leaflet-vertex-icon, .leaflet-middle-icon {
.vertex-icon-mixin(@left, @right) {
&::after {
content: ' ';
position:absolute;
top:4px;
left: @left;
right: @right;
width:8px;
height:8px;
background: white;
border-radius: 8px;
transform:scale(1);
transition:transform 150ms;
}
}
.leaflet-vertex-icon {
outline: none !important;
border-radius: 10px;
opacity: 1;
border: none;
width: 16px !important;
height: 16px !important;margin-left:-8px !important;margin-top:-8px !important;
height: 16px !important;
margin-left:-8px !important;
margin-top:-8px !important;
background: transparent;
position: absolute;
cursor: grab;
@ -72,19 +90,7 @@
}
}
&::after {
content: ' ';
position:absolute;
top:4px;
left:4px;
width:8px;
height:8px;
background: white;
//box-shadow: @red_secondary 0 0 0 3px;
border-radius: 8px;
transform:scale(1);
transition:transform 150ms;
}
.vertex-icon-mixin(4px, auto);
&:hover {
opacity: 1;
@ -100,8 +106,8 @@
}
.leaflet-km-marker, .leaflet-km-marker-2 {
background: green;
position: absolute;
z-index: 0 !important;
.leaflet-km-dist {
background: @red_secondary;
@ -111,14 +117,33 @@
text-align: center;
min-width: 20px;
height: 14px;
display: flex;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
top: 0;
left: -4px;
font-weight: bold;
padding: 0 2px;
}
}
.end-marker {
.leaflet-km-dist {
left: auto;
right: -3px;
top: -3px;
position: absolute;
z-index: -10;
padding: 2px 16px 2px 4px;
}
&.right {
.leaflet-km-dist {
padding: 2px 4px 2px 16px;
left: -3px;
right: auto;
}
}
}