mirror of
https://github.com/mapillary/mapillary-js.git
synced 2026-01-25 14:07:28 +00:00
Abort geometry creation when clicking top left rect point. Show larger abort indication on hover.
64 lines
916 B
CSS
64 lines
916 B
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;
|
|
}
|
|
|
|
.TagPolygonPoint {
|
|
transform: translate(-50%, -50%);
|
|
pointer-events: none;
|
|
border-radius: 3px;
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
|
|
.TagPolygonCompleter {
|
|
transform: translate(-50%, -50%);
|
|
pointer-events: all;
|
|
border-radius: 8px;
|
|
background: orangered;
|
|
width: 14px;
|
|
height: 14px;
|
|
opacity: 0;
|
|
}
|
|
|
|
.TagPolygonCompleter:hover {
|
|
opacity: 0.6;
|
|
}
|