mirror of
https://github.com/mapillary/mapillary-js.git
synced 2026-01-18 13:56:53 +00:00
99c7dd85ce
Add support for creating new polygons. Remove last vertex by clicking it. Abort creation by clicking original vertext when fewer than 4. Complete polygon by clicking original vertex.
78 lines
1.0 KiB
CSS
78 lines
1.0 KiB
CSS
.TagContainer {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: -1;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.TagSymbol {
|
|
cursor: default;
|
|
}
|
|
|
|
.TagMover,
|
|
.TagResizer {
|
|
transform: translate(-50%, -50%);
|
|
pointer-events: all;
|
|
}
|
|
|
|
.TagMover {
|
|
border-radius: 7px;
|
|
width: 14px;
|
|
height: 14px;
|
|
opacity: 0.2;
|
|
}
|
|
|
|
.TagMover:hover {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.TagResizer {
|
|
border-radius: 10px;
|
|
width: 20px;
|
|
height: 20px;
|
|
opacity: 0;
|
|
}
|
|
|
|
.TagResizer:hover {
|
|
opacity: 0.3;
|
|
}
|
|
|
|
.TagVertex {
|
|
transform: translate(-50%, -50%);
|
|
pointer-events: none;
|
|
border-radius: 3px;
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
|
|
.TagInteractor,
|
|
.TagCompleter,
|
|
.TagSpotInteractor {
|
|
transform: translate(-50%, -50%);
|
|
pointer-events: all;
|
|
border-radius: 7px;
|
|
width: 14px;
|
|
height: 14px;
|
|
opacity: 0;
|
|
}
|
|
|
|
.TagCompleter {
|
|
background: limegreen;
|
|
}
|
|
|
|
.TagInteractor {
|
|
background: orangered;
|
|
}
|
|
|
|
.TagCompleter:hover,
|
|
.TagInteractor:hover {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.TagSpotInteractor:hover {
|
|
opacity: 0.3;
|
|
}
|