Add pointer-events declarations

make outer `.modal-dialog` pass through events for custom click
handling, counteract it for the actual `.modal-content`
This commit is contained in:
Patrick H. Lauke 2017-05-26 17:56:37 +01:00 committed by Mark Otto
parent c1865b4563
commit 6ca451ebf8
1 changed files with 4 additions and 0 deletions

View File

@ -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;