extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-08 00:54:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

Et2Dialog: Better non-modal styling

Browse Source
This commit is contained in:
nathan 2022-12-07 11:30:14 -07:00
parent eb9ccfc655
commit 32248e67ee
2 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
api/js/etemplate/Et2Dialog/Et2Dialog.ts
View File

@ -222,6 +222,15 @@ export class Et2Dialog extends Et2Widget(SlotMixin(SlDialog))
border-top: 1px solid silver; border-top: 1px solid silver;
margin-top: 0.5em; margin-top: 0.5em;
} }
/* Non-modal dialogs don't have an overlay */
:host(:not([modal])) .dialog, :host(:not([modal])) .dialog__overlay {
pointer-events: none;
background: transparent;
}
:host(:not([modal])) .dialog__panel {
pointer-events: auto;
}
` `
]; ];
} }
@ -990,6 +999,12 @@ export class Et2Dialog extends Et2Widget(SlotMixin(SlDialog))
listeners: { listeners: {
move: this._onMoveResize move: this._onMoveResize
}, },
modifiers: (this.modal ? [] : [
interact.modifiers.restrict({
restriction: 'parent',
endOnly: true
})
])
}); });
} }

4
api/templates/default/etemplate2.css
View File

@ -788,10 +788,6 @@ et2-dialog .dialog--has_message {
display: flex; display: flex;
} }
/* Non-modal dialogs don't cover application tabs (add them to the app content div), not body */
et2-dialog:not([modal])::part(base), et2-dialog:not([modal])::part(overlay) {
inset: 50px 0 0 0;
}
/** /**