aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorPatrick H. Lauke <[email protected]>2017-05-26 17:56:37 +0100
committerMark Otto <[email protected]>2017-08-22 10:54:12 -0700
commit6ca451ebf830ee73794b9fd165f3fdbec6781dfa (patch)
tree614997835b8162ddf0f4966f6be0c2c3b85904aa
parentc1865b4563f02f8d11591dc23b05778bd045bc7c (diff)
downloadbootstrap-6ca451ebf830ee73794b9fd165f3fdbec6781dfa.tar.xz
bootstrap-6ca451ebf830ee73794b9fd165f3fdbec6781dfa.zip
Add pointer-events declarations
make outer `.modal-dialog` pass through events for custom click handling, counteract it for the actual `.modal-content`
-rw-r--r--scss/_modal.scss4
1 files changed, 4 insertions, 0 deletions
diff --git a/scss/_modal.scss b/scss/_modal.scss
index 1f290557a..a563e6ffb 100644
--- 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;