mirror of
https://github.com/mapillary/mapillary-js.git
synced 2026-01-25 14:07:28 +00:00
360c2d28b1
Fixes #250 Workaround for clipped direction arrow container in Safari and mobile browsers. On first render to a canvas any perspective transformed sibling elements gets clipped at 0 depth. Setting relative position, hidden overflow and 100% height fixes issue on all browsers. Set pointer events to none on element covering canvas container to ensure that mouse and touch events occur correctly. Reset pointer events to auto on dom renderer to recieve pointer events in component dom elements.
27 lines
466 B
CSS
27 lines
466 B
CSS
.mapillary-js {
|
|
background-color: #202020;
|
|
position: relative;
|
|
overflow: hidden;
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
}
|
|
|
|
.mapillary-js-interactive {
|
|
cursor: grab;
|
|
}
|
|
|
|
.mapillary-js-interactive:active {
|
|
cursor: grabbing;
|
|
}
|
|
|
|
.mapillary-js .mapillary-js-dom {
|
|
user-select: none;
|
|
position: relative;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.mapillary-js-dom .domRenderer {
|
|
pointer-events: auto;
|
|
}
|