holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Et2Dialog nonmodal WIP

Browse Source 
Non-modal dialogs don't cover header with app tabs.
TODO: The dialog needs to be added to the app content div instead of the body
This commit is contained in:
nathan 2022-12-07 09:13:46 -07:00
parent 8764d51701
commit 4b6357dd90
2 changed files with 7 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -235,7 +235,7 @@ export class Et2Dialog extends Et2Widget(SlotMixin(SlDialog))
/**
* Allow other controls to be accessed while the dialog is visible
*/
modal: Boolean,
modal: {type: Boolean, reflect: true},
/**
* Title for the dialog, goes in the header

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

@ -788,6 +788,12 @@ et2-dialog .dialog--has_message {
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;
}
/**
* Custom field list
*/
@ -2718,24 +2724,6 @@ table.egwGridView_outer thead tr th.noResize:hover {
background-color: #3875d7;
}
/**
* et2_dialog: EGroupware left aligns all buttons, but [Delete]
*/
div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: left;
width: 100%;
}
div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
float: left;
margin-right: 1em;
background-position: 3px;
outline: none;
}
div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.right {
float: right;
}
.et2_prompt #message {
white-space: pre-wrap;
@ -2769,10 +2757,6 @@ div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.right {
background-image: none;
}
div.ui-dialog div.ui-dialog-content > div {
width: 100%;
}
/**
* et2_toolbar
*/