midsuit
/
core-jgi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

IDEMPIERE-4266 Remove hard coded modal dialog height (#32) 

* IDEMPIERE-4266 Remove hard coded modal dialog height

Replace fixed process modal dialog height with css flex box rule.

* IDEMPIERE-4266 Remove hard coded modal dialog height

Fix css for process/report dialog.
This commit is contained in:
hengsin 2020-05-06 20:42:37 +08:00 committed by GitHub
parent 9d937aa328
commit 912767b4ec
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
org.adempiere.ui.zk/theme/default/css/fragment/parameter-process.css.dsp
View File

@ -5,11 +5,15 @@ it fix some issue relate resize, but can make side effect
when detect side effect, fix to only apply for parameter window*/ when detect side effect, fix to only apply for parameter window*/
.z-window.z-window-noborder.z-window-noheader.z-window-embedded, .z-window.z-window-noborder.z-window-noheader.z-window-embedded,
.z-window.z-window-noborder.z-window-noheader.z-window-embedded .z-window-content, .z-window.z-window-noborder.z-window-noheader.z-window-embedded .z-window-content,
.main-parameter-layout{ .main-parameter-layout {
height: 100%; height: 100%;
} }
.process-modal-dialog .main-parameter-layout{
height: auto;
flex-basis: auto;
}
.process-modal-dialog.z-window > .z-window-content { .process-modal-dialog.z-window > .z-window-content {
flex: 1 1 0; flex: 1 1 auto;
} }
.main-parameter-layout, .main-parameter-layout,
@ -28,6 +32,8 @@ when detect side effect, fix to only apply for parameter window*/
} }
.top-parameter-layout{ .top-parameter-layout{
overflow: auto; overflow: auto;
padding-bottom: 2vh;
flex-basis: auto;
} }
.bottom-parameter-layout{ .bottom-parameter-layout{

10
org.adempiere.ui.zk/theme/default/css/fragment/window-size.css.dsp
View File

@ -386,13 +386,3 @@
} }
} }
@media screen and (max-height: 500px) {
.popup-dialog.process-modal-dialog {
height: 100%;
}
}
@media screen and (min-height: 501px) {
.popup-dialog.process-modal-dialog {
min-height: 500px;
}
}