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

IDEMPIERE-3518 Improvement For Mobile Compatibility. ADWindow: Fix mobile changes affected exisiting layout for desktop.

This commit is contained in:
Heng Sin Low 2017-10-19 00:34:15 +08:00
parent 4fa7235538
commit 45c7cb2882
3 changed files with 28 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
org.adempiere.ui.zk/WEB-INF/src/org/adempiere/webui/adwindow/ADTabpanel.java
View File

@ -364,6 +364,8 @@ DataStatusListener, IADTabpanel, IdSpace, IFieldEditorContainer
Borderlayout layout = new Borderlayout();
layout.setParent(this);
layout.setSclass("adtab-form-borderlayout");
if (ClientInfo.isMobile())
LayoutUtils.addSclass("mobile", layout);
treePanel = new ADTreePanel(windowNo, gridTab.getTabNo());
West west = new West();
@ -407,6 +409,8 @@ DataStatusListener, IADTabpanel, IdSpace, IFieldEditorContainer
Borderlayout layout = new Borderlayout();
layout.setParent(this);
layout.setSclass("adtab-form-borderlayout");
if (ClientInfo.isMobile())
LayoutUtils.addSclass("mobile", layout);
Center center = new Center();
layout.appendChild(center);

24
org.adempiere.ui.zk/theme/default/css/fragment/adwindow.css.dsp
View File

@ -251,3 +251,27 @@
left: 4px;
height: 12px;
}
@media screen and (max-height: 767px) {
.adtab-form-borderlayout.mobile.z-borderlayout > div > .z-south-collapsed > .z-borderlayout-icon.z-icon-chevron-up {
display: none;
}
.adtab-form-borderlayout.mobile.z-borderlayout > div > .adwindow-gridview-detail.z-south {
height: 50% !important;
}
}
@media screen and (max-height: 600px) {
.adtab-form-borderlayout.mobile.z-borderlayout > div > .adwindow-gridview-detail.z-south {
height: 60% !important;
}
}
@media screen and (max-height: 500px) {
.adtab-form-borderlayout.mobile.z-borderlayout > div > .adwindow-gridview-detail.z-south {
height: 70% !important;
}
}
@media screen and (max-height: 400px) {
.adtab-form-borderlayout.mobile.z-borderlayout > div > .adwindow-gridview-detail.z-south {
height: 80% !important;
}
}

8
org.adempiere.ui.zk/theme/default/css/fragment/desktop.css.dsp
View File

@ -240,11 +240,3 @@
padding: 3px 3px;
}
@media screen and (max-height: 767px) {
.adtab-form-borderlayout.z-borderlayout > div > .z-south-collapsed > .z-borderlayout-icon.z-icon-chevron-up {
display: none;
}
.adtab-form-borderlayout.z-borderlayout > div > .adwindow-gridview-detail.z-south {
height: 80%;
}
}