Add pointer-events declarations

make outer `.modal-dialog` pass through events for custom click
handling, counteract it for the actual `.modal-content`

diff --git a/scss/_modal.scss b/scss/_modal.scss
index 1f290557a01b8af86c327cb230b82167d149c60c..a563e6ffbdd5f2b63f1f3246e208ee7197ad7a38 100644 (file)
--- a/scss/_modal.scss
+++ b/scss/_modal.scss
@@ -43,6 +43,8 @@
   position: relative;
   width: auto;
   margin: $modal-dialog-margin;
+  // allow clicks to pass through for custom click handling to close modal
+  pointer-events: none;
 }
 
 // Actual modal
@@ -50,6 +52,8 @@
   position: relative;
   display: flex;
   flex-direction: column;
+  // counteract the pointer-events: none; in the .modal-dialog
+  pointer-events: auto;
   background-color: $modal-content-bg;
   background-clip: padding-box;
   border: $modal-content-border-width solid $modal-content-border-color;