Fix modal backdrop and pointer events.

Clicks on buttons or modal shouldn't propagate to the map.  Also
info-modal did not work in fullscreen mode.

1 files changed, 9 insertions, 0 deletions

diff --git a/style.css b/style.css
index eab6125..07e1dcf 100644
--- a/style.css
+++ b/style.css
@@ -48,6 +48,7 @@ html, body {
   width: revert;
   top: auto;
   left: auto;
+  pointer-events: auto;
 }
 #zoom-control .ol-zoomslider {
   margin-top: .5rem;
@@ -75,6 +76,7 @@ html, body {
   border-radius: 5px;
   border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
   cursor: pointer;
+  pointer-events: auto;
 }
 #zoom-control button.ol-zoomslider-thumb {
   z-index: 10;
@@ -82,6 +84,7 @@ html, body {
   width: 80%;
   margin: 0 auto;
   padding: 0;
+  pointer-events: auto;
 }
 
 .ol-scale-line {
@@ -98,6 +101,7 @@ html, body {
   background-clip: padding-box;
   border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
   border-radius: var(--bs-modal-border-radius);
+  pointer-events: auto;
 }
 .ol-scale-line-inner {
   border: 1px solid var(--bs-body-color);
@@ -117,6 +121,7 @@ html, body {
 }
 #map-menu > * {
   margin-top: .5rem;
+  pointer-events: auto;
 }
 @media screen and (max-width: 576px) {
   #map-menu > * {
@@ -228,3 +233,7 @@ html, body {
     --bs-btn-padding-y: 0.4rem;
   }
 }
+
+.ol-overlaycontainer-stopevent .modal-backdrop.show {
+  pointer-events: auto;
+}