From a83ee1f90f2da3960eeaa1ba447ab609d880bdd7 Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charlesh88@gmail.com>
Date: Tue, 18 May 2021 14:42:18 -0700
Subject: [PATCH] Allow context click on Imagery to invoke browser-level Save
 As... (#3857)

- `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;
---
 src/plugins/imagery/components/Compass/Compass.vue  | 2 +-
 src/plugins/imagery/components/Compass/compass.scss | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/plugins/imagery/components/Compass/Compass.vue b/src/plugins/imagery/components/Compass/Compass.vue
index 51f1720530..40a1c0d521 100644
--- a/src/plugins/imagery/components/Compass/Compass.vue
+++ b/src/plugins/imagery/components/Compass/Compass.vue
@@ -32,7 +32,7 @@
         :camera-pan="cameraPan"
     />
     <CompassRose
-        v-if="hasCameraFieldOfView"
+        v-if="true"
         :heading="heading"
         :sized-image-width="sizedImageDimensions.width"
         :sun-heading="sunHeading"
diff --git a/src/plugins/imagery/components/Compass/compass.scss b/src/plugins/imagery/components/Compass/compass.scss
index 07cca23211..82a2331cae 100644
--- a/src/plugins/imagery/components/Compass/compass.scss
+++ b/src/plugins/imagery/components/Compass/compass.scss
@@ -10,6 +10,7 @@ $elemBg: rgba(black, 0.7);
 }
 
 .c-compass {
+    pointer-events: none; // This allows the image element to receive a browser-level context click
     position: absolute;
     left: 50%;
     top: 50%;
@@ -242,6 +243,7 @@ $elemBg: rgba(black, 0.7);
     left: 0;
     clip-path: circle(50% at 50% 50%);
     border-radius: 100%;
+    pointer-events: all;
 
     svg, div {
         position: absolute;