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

IDEMPIERE-4529 Set Default Desktop Font size by Screen Width (#365)

This commit is contained in:
hengsin 2020-11-10 03:52:50 +08:00 committed by GitHub
parent d76f731571
commit 4e121d20ee
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
org.adempiere.ui.zk/theme/default/css/theme.css.dsp
View File

@ -18,15 +18,39 @@ html,body {
} }
[class*="z-"]:not([class*="z-icon-"]):not([class*="z-group-icon-"]) { [class*="z-"]:not([class*="z-icon-"]):not([class*="z-group-icon-"]) {
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
} }
@media screen and (min-device-width: 2500px) {
[class*="z-"]:not([class*="z-icon-"]):not([class*="z-group-icon-"]) {
font-size: 15px;
}
}
@media screen and (max-device-width: 2499px) {
[class*="z-"]:not([class*="z-icon-"]):not([class*="z-group-icon-"]) {
font-size: 14px;
}
}
@media screen and (max-device-width: 1899px) {
[class*="z-"]:not([class*="z-icon-"]):not([class*="z-group-icon-"]) {
font-size: 13px;
}
}
@media screen and (max-device-width: 1399px) {
[class*="z-"]:not([class*="z-icon-"]):not([class*="z-group-icon-"]) {
font-size: 12px;
}
}
<%-- Mobile/Tablet --%> <%-- Mobile/Tablet --%>
.tablet-scrolling { .tablet-scrolling {
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
.mobile [class*="z-"] { <%-- default font size for mobile --%>
.mobile [class*="z-"]:not([class*="z-icon-"]):not([class*="z-group-icon-"]) {
font-size: 16px;
}
<%-- the not=xyz is needed to get this selected over standard zk rule --%>
.mobile [class*="z-icon-"]:not([class*="xyz"]), .mobile [class*="z-group-icon-"] {
font-size: 16px; font-size: 16px;
} }