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

View File

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

View File

@ -251,3 +251,27 @@
left: 4px; left: 4px;
height: 12px; 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;
}
}

View File

@ -240,11 +240,3 @@
padding: 3px 3px; 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%;
}
}