mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-13 17:14:04 +02:00
Code Issues Releases Wiki Activity

Add pointer-events declarations

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

4
scss/_modal.scss
View File

@@ -43,6 +43,8 @@
position: relative; position: relative;
width: auto; width: auto;
margin: $modal-dialog-margin; margin: $modal-dialog-margin;
// allow clicks to pass through for custom click handling to close modal
pointer-events: none;
} }
// Actual modal // Actual modal
@@ -50,6 +52,8 @@
position: relative; position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
// counteract the pointer-events: none; in the .modal-dialog
pointer-events: auto;
background-color: $modal-content-bg; background-color: $modal-content-bg;
background-clip: padding-box; background-clip: padding-box;
border: $modal-content-border-width solid $modal-content-border-color; border: $modal-content-border-width solid $modal-content-border-color;