ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-02-06 11:09:21 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

Allow context click on Imagery to invoke browser-level Save As... (#3857)

Browse Source 
- `pointer-events: none` added to `c-compass` wrapper (which was
blocking the image from catching mouse events), and
`pointer-events: all` added to `c-direction-rose` element;
- Unit tested locally in main view and both types of layouts;
- Fixed indention spacing in file;
This commit is contained in:
Charles Hacskaylo 2021-05-18 14:42:18 -07:00 committed by GitHub
parent fe899cbcc8
commit a83ee1f90f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/plugins/imagery/components/Compass/Compass.vue
View File

@ -32,7 +32,7 @@
:camera-pan="cameraPan" :camera-pan="cameraPan"
/> />
<CompassRose <CompassRose
v-if="hasCameraFieldOfView" v-if="true"
:heading="heading" :heading="heading"
:sized-image-width="sizedImageDimensions.width" :sized-image-width="sizedImageDimensions.width"
:sun-heading="sunHeading" :sun-heading="sunHeading"

2
src/plugins/imagery/components/Compass/compass.scss
View File

@ -10,6 +10,7 @@ $elemBg: rgba(black, 0.7);
} }
.c-compass { .c-compass {
pointer-events: none; // This allows the image element to receive a browser-level context click
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 50%; top: 50%;
@ -242,6 +243,7 @@ $elemBg: rgba(black, 0.7);
left: 0; left: 0;
clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%);
border-radius: 100%; border-radius: 100%;
pointer-events: all;
svg, div { svg, div {
position: absolute; position: absolute;