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

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*/
.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,
.main-parameter-layout{
.main-parameter-layout {
height: 100%;
}
.process-modal-dialog .main-parameter-layout{
height: auto;
flex-basis: auto;
}
.process-modal-dialog.z-window > .z-window-content {
flex: 1 1 0;
flex: 1 1 auto;
}
.main-parameter-layout,
@ -28,6 +32,8 @@ when detect side effect, fix to only apply for parameter window*/
}
.top-parameter-layout{
overflow: auto;
padding-bottom: 2vh;
flex-basis: auto;
}
.bottom-parameter-layout{

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;
}
}