diff --git a/org.adempiere.ui.zk/WEB-INF/src/org/adempiere/webui/adwindow/DetailPane.java b/org.adempiere.ui.zk/WEB-INF/src/org/adempiere/webui/adwindow/DetailPane.java index 8a8230826a..cd126e074d 100644 --- a/org.adempiere.ui.zk/WEB-INF/src/org/adempiere/webui/adwindow/DetailPane.java +++ b/org.adempiere.ui.zk/WEB-INF/src/org/adempiere/webui/adwindow/DetailPane.java @@ -9,6 +9,7 @@ import java.util.List; import java.util.Map; import org.adempiere.base.IServiceHolder; +import org.adempiere.webui.ClientInfo; import org.adempiere.webui.LayoutUtils; import org.adempiere.webui.action.Actions; import org.adempiere.webui.action.IAction; @@ -447,8 +448,8 @@ public class DetailPane extends Panel implements EventListener, IdSpace { messageContainer.setAlign("center"); messageContainer.setSclass("adwindow-detailpane-message"); messageContainer.setId("messages"); - - toolbar.appendChild(new Space()); + if (ClientInfo.minWidth(ClientInfo.SMALL_WIDTH)) + toolbar.appendChild(new Space()); toolbar.appendChild(messageContainer); toolbar.setSclass("adwindow-detailpane-toolbar"); ZKUpdateUtil.setVflex(toolbar, "0"); @@ -582,7 +583,10 @@ public class DetailPane extends Panel implements EventListener, IdSpace { label.setStyle("cursor: pointer"); messageContainer.appendChild(label); label.addEventListener(Events.ON_CLICK, this); - } + } else if (ClientInfo.maxWidth(ClientInfo.SMALL_WIDTH)) { + label.addEventListener(Events.ON_CLICK, this); + label.setStyle("cursor: pointer"); + } messageContainer.appendChild(new Space()); } diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/adwindow.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/adwindow.css.dsp index 8abab7b2b4..6570cb4cbb 100644 --- a/org.adempiere.ui.zk/theme/default/css/fragment/adwindow.css.dsp +++ b/org.adempiere.ui.zk/theme/default/css/fragment/adwindow.css.dsp @@ -400,4 +400,28 @@ @keyframes slide-left-in { 0% { transform: translateX(100%); } 100% { transform: translateX(0%); } -} \ No newline at end of file +} + +@media only screen + and (max-device-width: 700px) { + .adwindow-detailpane-toolbar .z-paging-button { + margin-right: 2px; + } + .adwindow-detailpane-toolbar .z-paging-input { + margin-left: 3px; + } + .adwindow-detailpane-toolbar .z-paging-text { + margin-right: 3px; + } + .adwindow-detailpane-toolbar { + padding-left: 0px; + padding-right: 0px; + } +} +@media only screen + and (max-device-width: 350px) { + .adwindow-detailpane-toolbar .z-paging-input { + width: 30px; + } +} +