mirror of
https://github.com/mapillary/mapillary-js.git
synced 2026-01-18 13:56:53 +00:00
d11f278d43
Interactive (e.g. navigation, attribution) element have z-index 10. Overlayed elements (slider, route bubble) have z-index 20. Filling elements have z-index -1 to 9. Cover have z-index 100. Special elements (debug) have z-index 50. Do not change z-index in server cssnano plugin (z-index are not changed when built from npm script).
89 lines
1.2 KiB
CSS
89 lines
1.2 KiB
CSS
.TagContainer {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 3;
|
|
cursor: crosshair;
|
|
}
|
|
|
|
.TagSymbol {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.TagMover,
|
|
.TagResizer {
|
|
transform: translate(-50%, -50%);
|
|
pointer-events: all;
|
|
}
|
|
|
|
.TagMover {
|
|
border-radius: 7px;
|
|
width: 14px;
|
|
height: 14px;
|
|
opacity: 0.2;
|
|
cursor: move;
|
|
}
|
|
|
|
.TagMover:hover {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.TagResizer {
|
|
border-radius: 7px;
|
|
width: 14px;
|
|
height: 14px;
|
|
opacity: 0;
|
|
cursor: crosshair;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.TagInteractor,
|
|
.TagCompleter {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.TagSpotInteractor {
|
|
cursor: move;
|
|
}
|
|
|
|
.TagCompleter {
|
|
background: limegreen;
|
|
}
|
|
|
|
.TagInteractor {
|
|
background: orangered;
|
|
}
|
|
|
|
.TagCompleter:hover,
|
|
.TagInteractor:hover {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.TagSpotInteractor:hover {
|
|
opacity: 0.3;
|
|
}
|