mirror of
https://github.com/mapillary/mapillary-js.git
synced 2026-01-18 13:56:53 +00:00
Separate canvas from dom rendered elements by creating its own container. Register mouse events on canvas container so that mouse over and out fires correctly. Use document mouse events for move and up when dragging. Use document drag events inside canvas for tagging component because canvas container events will not fire for dom elements. Set class name of outer container when creating in tag component. Prevent default for desired events in affected components. Remove mouse cursor div. Make dom renderer container have no height. Make canvas container have no height. Make tag container have no height to avoid blocking events. All dom rendered elements now affects mouse events causing mouse out when reacting to pointer events.
22 lines
417 B
CSS
22 lines
417 B
CSS
.BackgroundWrapper {
|
|
background-color: black;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
color: white;
|
|
font-family: Helvetica, Arial, sans-serif;
|
|
text-align: center;
|
|
padding-top: 30%;
|
|
}
|
|
|
|
.Background p {
|
|
position: relative;
|
|
padding: 5px;
|
|
font-family: Helvetica, Arial, sans-serif;
|
|
font-size: 12px;
|
|
text-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
|
|
}
|
|
|