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

Cursor: better polyline cursors

Browse source
This commit is contained in:
muerwre 2019-02-25 17:44:41 +07:00
parent 09a36bab6c
commit 70cb639421
1 changed files with 20 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/styles/map.less
View file

@ -17,10 +17,27 @@
border-radius: @panel_radius !important; border-radius: @panel_radius !important;
} }
@keyframes vertex_spin {
0% { transform: scale(1); }
100% { transform: scale(1.2); }
}
.leaflet-vertex-drag-helper { .leaflet-vertex-drag-helper {
pointer-events: none !important; pointer-events: none !important;
background: red; background: fade(red, 50%);
border-radius: 12px; border-radius: 12px;
&::after {
content: ' ';
width: 24px;
height: 24px;
border: 2px solid @red_secondary;
border-radius: 24px;
position: absolute;
top: -9px;
left: -9px;
animation: vertex_spin 500ms infinite linear alternate;
}
} }
.leaflet-vertex-icon, .leaflet-middle-icon { .leaflet-vertex-icon, .leaflet-middle-icon {
@ -32,6 +49,7 @@
height: 16px !important;margin-left:-8px !important;margin-top:-8px !important; height: 16px !important;margin-left:-8px !important;margin-top:-8px !important;
background: transparent; background: transparent;
position: absolute; position: absolute;
cursor: grab;
&::before { &::before {
width: 24px; width: 24px;
@ -75,6 +93,7 @@
.touch-hinter-poly { .touch-hinter-poly {
stroke: rgba(255, 50, 0, 0); stroke: rgba(255, 50, 0, 0);
cursor: grab;
@media (max-width: @mobile_breakpoint) { @media (max-width: @mobile_breakpoint) {
stroke: rgba(255, 50, 0, 0.1); stroke: rgba(255, 50, 0, 0.1);