Browse Source

fix(oc-dialog): Get rid of the overlay

- 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
JEEEEEEEEEEEEEEEEEEEEEED 2 months ago
parent
commit
8e136c3f80
2 changed files with 3 additions and 3 deletions
  1. 2
    2
      core/src/jquery/css/jquery.ocdialog.scss
  2. 1
    1
      core/src/jquery/ocdialog.js

+ 2
- 2
core/src/jquery/css/jquery.ocdialog.scss View File

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;

+ 1
- 1
core/src/jquery/ocdialog.js View File

} }
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()

Loading…
Cancel
Save