IDEMPIERE-4514 Grid View Layout Bug (#358)

* IDEMPIERE-4514 Grid View Layout Bug

Fix layout issue after drag and drop of tab

* IDEMPIERE-4514 Grid View Layout Bug

Default wrapping of column header only for mobile and small width screen
(< 700px)
This commit is contained in:
hengsin 2020-11-06 22:04:45 +08:00 committed by GitHub
parent ed7a7dcbde
commit abab15b700
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 2 deletions

View File

@ -24,6 +24,7 @@ import org.zkoss.zk.ui.event.DropEvent;
import org.zkoss.zk.ui.event.Event;
import org.zkoss.zk.ui.event.EventListener;
import org.zkoss.zk.ui.event.Events;
import org.zkoss.zk.ui.util.Clients;
import org.zkoss.zul.Tab;
import org.zkoss.zul.Tabpanels;
@ -162,6 +163,10 @@ public class Tabs extends org.zkoss.zul.Tabs implements EventListener<Event>
insertBefore(draggComp, dropComp);
tabpanels.insertBefore(draggPanel, dropPanel);
if (draggPanel.getPage() != null) {
StringBuilder script = new StringBuilder("zk.Widget.$('#").append(draggPanel.getUuid()).append("').rerender(0);");
Clients.evalJavaScript(script.toString());
}
}
/**

View File

@ -347,8 +347,13 @@
}
}
.adtab-grid > .z-grid-header > table > tbody > tr.z-columns > th.z-column > .z-column-content {
text-overflow: ellipsis;
white-space: pre-line;
text-overflow: ellipsis;
}
@media only screen
and (max-device-width: 700px) {
.mobile .adtab-grid > .z-grid-header > table > tbody > tr.z-columns > th.z-column > .z-column-content {
white-space: pre-line;
}
}
.mobile-overflow-link {