- Icrement Z-index of oc-dialog-dim - Increment z-index of oc-dialog- Insert oc-dialog-dim before oc-dialog Co-authored-by: Co-author RayanBekri <rmt.bekri@gmail.com>" Signed-off-by: JEEEEEEEEEEEEEEEEEEEEEED <118366366+jadjoud@users.noreply.github.com>pull/44717/head
border-radius: var(--border-radius-large); | border-radius: var(--border-radius-large); | ||||
box-shadow: 0 0 30px var(--color-box-shadow); | box-shadow: 0 0 30px var(--color-box-shadow); | ||||
padding: 24px; | padding: 24px; | ||||
z-index: 10000; | |||||
z-index: 100001; | |||||
font-size: 100%; | font-size: 100%; | ||||
box-sizing: border-box; | box-sizing: border-box; | ||||
min-width: 200px; | min-width: 200px; | ||||
.oc-dialog-dim { | .oc-dialog-dim { | ||||
background-color: #000; | background-color: #000; | ||||
opacity: .2; | opacity: .2; | ||||
z-index: 9999; | |||||
z-index: 100001; | |||||
position: fixed; | position: fixed; | ||||
top: 0; | top: 0; | ||||
left: 0; | left: 0; |
} | } | ||||
this.overlay = $('<div>') | this.overlay = $('<div>') | ||||
.addClass('oc-dialog-dim') | .addClass('oc-dialog-dim') | ||||
.appendTo(contentDiv) | |||||
.insertBefore(this.$dialog) | |||||
this.overlay.on('click keydown keyup', function(event) { | this.overlay.on('click keydown keyup', function(event) { | ||||
if (event.target !== self.$dialog.get(0) && self.$dialog.find($(event.target)).length === 0) { | if (event.target !== self.$dialog.get(0) && self.$dialog.find($(event.target)).length === 0) { | ||||
event.preventDefault() | event.preventDefault() |