extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-02 20:19:27 +01:00
Code Issues 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 * 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 * 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; 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 * Custom field list
*/ */
@ -2718,24 +2724,6 @@ table.egwGridView_outer thead tr th.noResize:hover {
background-color: #3875d7; 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 { .et2_prompt #message {
white-space: pre-wrap; white-space: pre-wrap;
@ -2769,10 +2757,6 @@ div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.right {
background-image: none; background-image: none;
} }
div.ui-dialog div.ui-dialog-content > div {
width: 100%;
}
/** /**
* et2_toolbar * et2_toolbar
*/ */