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

IDEMPIERE-4482 Mobile Improvements (#299) 

make toolbar and message overflow link easier to click
This commit is contained in:
hengsin 2020-10-15 16:34:32 +08:00 committed by GitHub
parent 91c72fd978
commit 1addf52f7e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
org.adempiere.ui.zk/WEB-INF/src/org/adempiere/webui/adwindow/ADWindowToolbar.java
View File

@ -1140,7 +1140,7 @@ public class ADWindowToolbar extends FToolbar implements EventListener<Event>
if (overflows.size() > 0) {
overflowButton = new A();
overflowButton.setIconSclass("z-icon-ShowMore");
overflowButton.setStyle("position: absolute; right: 8px; font-weight: 500; color: #333");
overflowButton.setSclass("font-icon-toolbar-button toolbar-button mobile-overflow-link");
appendChild(overflowButton);
overflowPopup = new Popup();
overflowPopup.addEventListener(Events.ON_OPEN, (OpenEvent oe) -> {

2
org.adempiere.ui.zk/WEB-INF/src/org/adempiere/webui/adwindow/StatusBar.java
View File

@ -198,7 +198,7 @@ public class StatusBar extends Panel implements EventListener<Event>
else
{
Label label = new Label("...");
label.setStyle("cursor: pointer");
label.setSclass("mobile-overflow-link");
messageContainer.appendChild(label);
label.addEventListener(Events.ON_CLICK, this);
}

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

@ -347,3 +347,19 @@
text-overflow: ellipsis;
}
.mobile-overflow-link {
font-weight: 700;
text-decoration: none;
transition: background 0.8s;
background-position: center;
}
.mobile-overflow-link:active {
background-color: #ddd;
background-size: 80%;
transition: background 0s;
}
.adwindow-status-docstatus .z-label.mobile-overflow-link {
width: 18px;
cursor: pointer;
display: inline-block;
}