kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases 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
Show stats 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;