Author: hnategh
New Revision: 55249
URL: http://svn.stylite.de/viewvc/egroupware?rev=55249&view=rev
Log:
Mobile theme W.I.P:
- Fix fontsize for infolog, timesheet, resources and addressbook
- Migrate mobile specific css classes into mobile theme for resources
Added:
trunk/resources/templates/mobile/app.css
trunk/resources/templates/mobile/app.less
Modified:
trunk/addressbook/templates/pixelegg/app.css
trunk/filemanager/templates/mobile/app.css
trunk/filemanager/templates/mobile/app.less
trunk/infolog/templates/mobile/app.css
trunk/infolog/templates/mobile/app.less
trunk/resources/templates/pixelegg/app.css
trunk/resources/templates/pixelegg/app.less
trunk/timesheet/templates/mobile/app.css
trunk/timesheet/templates/mobile/app.less
— trunk/addressbook/templates/pixelegg/app.css (original)
+++ trunk/addressbook/templates/pixelegg/app.css Fri Mar 4 14:27:07 2016
@@ -172,13 +172,13 @@
margin-right: 5px;
}
div#addressbook_view_sidebox #addressbook-view_n_fn {
- font-size: 14px;
font-weight: bold;
padding: 2px 0 2px 0;
width: 85%;
}
div#addressbook_view_sidebox #addressbook-view_org_name {
- font-size: 14px;
padding: 2px 0 2px 0;
width: 85%;
}
— trunk/filemanager/templates/mobile/app.css (original)
+++ trunk/filemanager/templates/mobile/app.css Fri Mar 4 14:27:07 2016
@@ -13,7 +13,7 @@
/* tablets and smartphones */
@media all {
#filemanager-index_nm table.egwGridView_outer tbody span[id^=‘filemanager-index’][id$=‘size]’] {
- font-size: 10pt;
text-align: right;
}
#filemanager-index_nm table.egwGridView_outer tbody label[id^=‘filemanager-index’][id$=‘name]’] {
@@ -22,7 +22,14 @@
max-width: 100%;
}
#filemanager-index_nm table.egwGridView_outer tbody label[id^=‘filemanager-index’][id$=‘name]’] span {
- font-size: 12pt;
white-space: nowrap;
- }
-
#filemanager-index_nm table.egwGridView_outer tbody span[id^=‘filemanager-index’][id$=‘comment]’] {
- font-size: 10pt;
- }
-
#filemanager-index_nm table.egwGridView_outer tbody label[id^=‘filemanager-index’][id$=‘mtime]’] time {
- font-size: 10pt;
}
#filemanager-index_nm #filemanager-index_buttons {
position: relative;
— trunk/filemanager/templates/mobile/app.less (original)
+++ trunk/filemanager/templates/mobile/app.less Fri Mar 4 14:27:07 2016
@@ -18,7 +18,7 @@
#filemanager-index_nm {
table.egwGridView_outer tbody {
span[id^=‘filemanager-index’][id$=‘size]’]{
@@ -26,8 +26,17 @@
text-overflow: ellipsis;
max-width: 100%;
span{
— trunk/infolog/templates/mobile/app.css (original)
+++ trunk/infolog/templates/mobile/app.css Fri Mar 4 14:27:07 2016
@@ -16,7 +16,7 @@
}
div.infoDescRow {
height: 32px;
- font-size: 10pt;
max-width: 99%;
overflow: hidden;
text-overflow: ellipsis;
@@ -25,21 +25,21 @@
}
div.infoLinksRow,
div.infoLinksRow ul[id^=‘infolog-index_’][id$=‘filelinks]’] {
- font-size: 10pt;
max-width: 99%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap !important;
}
label[id^=‘infolog-index_’][id$=‘info_enddate]’] {
- font-size: 10pt;
}
label[id^=‘infolog-index_’][id$=‘info_enddate]’] time {
float: none;
font-weight: normal;
}
label[id^=‘infolog-index_’][id$=‘info_startdate]’] {
- font-size: 10pt;
}
label[id^=‘infolog-index_’][id$=‘info_startdate]’] time {
float: none;
@@ -50,7 +50,7 @@
max-height: 15px;
}
ul[id^=‘infolog-index_’][id$=‘info_responsible]’] li {
- font-size: 10pt;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
@@ -62,13 +62,14 @@
}
.infoSubRow span[id^=‘infolog-index_’][id$=‘info_subject]’] {
white-space: nowrap;
- font-size: 12pt;
}
label[id^=‘infolog-index_’][id$=‘info_link]’] {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
- font-size: 10pt;
font-weight: normal;
}
infolog_rowHasSubs span.arrow,
— trunk/infolog/templates/mobile/app.less (original)
+++ trunk/infolog/templates/mobile/app.less Fri Mar 4 14:27:07 2016
@@ -21,7 +21,7 @@
}
div.infoDescRow {
height:32px;
@@ -29,22 +29,22 @@
padding-top: 8px;
}
div.infoLinksRow, div.infoLinksRow ul[id^=‘infolog-index_’][id$=‘filelinks]’] {
@@ -54,7 +54,7 @@
white-space:nowrap;
max-height: 15px;
li{
@@ -69,6 +69,7 @@
.infoSubRow {
span[id^=‘infolog-index_’][id$=‘info_subject]’] {
white-space: nowrap;
-
.mob-fontsize-l;
}
}
label[id^=‘infolog-index_’][id$=‘info_link]’]
@@ -77,7 +78,7 @@
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
— trunk/resources/templates/mobile/app.css (added)
+++ trunk/resources/templates/mobile/app.css Fri Mar 4 14:27:07 2016
@@ -1,0 +1,34 @@
+/**
-
-
-
-
- Please do NOT change app.css directly, instead change app.less and compile it!
-
- Pixleegg Template app.css
-
-
-
-
-
-
@version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
-
/
+/ tablets and smartphones */
+@media all {
-
#resources-show table.egwGridView_outer tbody img[id^=“resources-show_”][id$=“picture_thumb]”] {
- border: 1px solid silver;
- border-radius: 50%;
- }
-
#resources-show table.egwGridView_outer tbody div.resourcesCol2 {
- font-size: 10pt;
- }
-
#resources-show table.egwGridView_outer tbody span[id^=“resources-show_”][id$=“name]”] {
- font-weight: bold;
- font-size: 12pt;
- }
-
#resources-show table.egwGridView_outer tbody span[id^=“resources-show_”][id$=“name]”],
-
#resources-show table.egwGridView_outer tbody span[id^=“resources-show_”][id$=“short_description]”],
-
#resources-show table.egwGridView_outer tbody span[id^=“resources-show_”][id$=“accessory_of_label]”],
-
#resources-show table.egwGridView_outer tbody span[id^=“resources-show_”][id$=“accessories]”] {
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
- }
+}
— trunk/resources/templates/mobile/app.less (added)
+++ trunk/resources/templates/mobile/app.less Fri Mar 4 14:27:07 2016
@@ -1,0 +1,41 @@
+/**
-
-
-
-
- Please do NOT change app.css directly, instead change app.less and compile it!
-
- Pixleegg Template app.css
-
-
-
-
-
-
@version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
- */
-
+@import (reference) “…/…/…/pixelegg/less/def_buttons.less”;
+@import (reference) “…/…/…/pixelegg/less/def_mobile.less”;
+/* tablets and smartphones */
+@media all {
-
#resources-show {
-
table.egwGridView_outer tbody {
-
img[id^="resources-show_"][id$="picture_thumb]"]{
-
border: 1px solid silver;
-
border-radius: 50%;
-
}
-
div.resourcesCol2 {
-
.mob-fontsize-n;
-
}
-
span[id^="resources-show_"][id$="name]"]{
-
font-weight: bold;
-
.mob-fontsize-l;
-
}
-
span[id^="resources-show_"][id$="name]"],
-
span[id^="resources-show_"][id$="short_description]"],
-
span[id^="resources-show_"][id$="accessory_of_label]"],
-
span[id^="resources-show_"][id$="accessories]"]{
-
text-overflow: ellipsis;
-
overflow: hidden;
-
white-space: nowrap;
-
}
-
}
- }
+}
— trunk/resources/templates/pixelegg/app.css (original)
+++ trunk/resources/templates/pixelegg/app.css Fri Mar 4 14:27:07 2016
@@ -75,24 +75,3 @@
#resources-edit .et2_container {
width: 848px;
}
-/* tablets and smartphones */
-@media only screen and (max-device-width: 1024px) {
-
#resources-show table.egwGridView_outer tbody img[id^=“resources-show_”][id$=“picture_thumb]”] {
- border: 1px solid silver;
- border-radius: 50%;
- }
-
#resources-show table.egwGridView_outer tbody div.resourcesCol2 {
- font-size: 8pt;
- }
-
#resources-show table.egwGridView_outer tbody span[id^=“resources-show_”][id$=“name]”] {
- font-weight: bold;
- }
-
#resources-show table.egwGridView_outer tbody span[id^=“resources-show_”][id$=“name]”],
-
#resources-show table.egwGridView_outer tbody span[id^=“resources-show_”][id$=“short_description]”],
-
#resources-show table.egwGridView_outer tbody span[id^=“resources-show_”][id$=“accessory_of_label]”],
-
#resources-show table.egwGridView_outer tbody span[id^=“resources-show_”][id$=“accessories]”] {
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
- }
-}
— trunk/resources/templates/pixelegg/app.less (original)
+++ trunk/resources/templates/pixelegg/app.less Fri Mar 4 14:27:07 2016
@@ -66,30 +66,3 @@
}
margin: 0.5em;
}
-/* tablets and smartphones */
-@media only screen and (max-device-width:1024px) {
-
#resources-show {
-
table.egwGridView_outer tbody {
-
img[id^="resources-show_"][id$="picture_thumb]"]{
-
border: 1px solid silver;
-
border-radius: 50%;
-
}
-
div.resourcesCol2 {
-
.mob-fontsize-s;
-
}
-
span[id^="resources-show_"][id$="name]"]{
-
font-weight: bold;
-
-
}
-
span[id^="resources-show_"][id$="name]"],
-
span[id^="resources-show_"][id$="short_description]"],
-
span[id^="resources-show_"][id$="accessory_of_label]"],
-
span[id^="resources-show_"][id$="accessories]"]{
-
text-overflow: ellipsis;
-
overflow: hidden;
-
white-space: nowrap;
-
}
-
}
- }
-}
— trunk/timesheet/templates/mobile/app.css (original)
+++ trunk/timesheet/templates/mobile/app.css Fri Mar 4 14:27:07 2016
@@ -21,7 +21,7 @@
width: 90px;
white-space: nowrap;
text-overflow: ellipsis;
- font-size: 10pt;
}
#timesheet-index table.egwGridView_outer tbody tr.timesheetRow td {
position: relative;
@@ -29,22 +29,27 @@
#timesheet-index table.egwGridView_outer tbody span[id^=‘timesheet-index’][id$=‘cat_id]’] {
position: absolute;
bottom: 5px;
- font-size: 10pt;
}
#timesheet-index table.egwGridView_outer tbody span[id^=‘timesheet-index’][id$=‘ts_description]’] {
height: 30px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
- font-size: 10pt;
- }
-
#timesheet-index table.egwGridView_outer tbody span[id^=‘timesheet-index’][id$=‘ts_title]’] {
- font-size: 12pt;
}
#timesheet-index table.egwGridView_outer tbody div.timesheet3Col {
- font-size: 10pt;
}
#timesheet-index table.egwGridView_outer tbody span[id^=‘timesheet-index’][id$=‘ts_duration]’] {
font-weight: bold;
}
#timesheet-index table.egwGridView_outer tbody label[id^=‘timesheet-index’][id$=‘ts_link]’] > span.et2_link {
font-weight: normal;
- font-size: 10pt;
}
#timesheet-edit_pl_id {
width: 69%;
— trunk/timesheet/templates/mobile/app.less (original)
+++ trunk/timesheet/templates/mobile/app.less Fri Mar 4 14:27:07 2016
@@ -27,7 +27,7 @@
width: 90px;
white-space: nowrap;
text-overflow: ellipsis;
@@ -35,22 +35,27 @@
span[id^=‘timesheet-index’][id$=‘cat_id]’] {
position: absolute;
bottom: 5px;
-
.mob-fontsize-n;
}
span[id^='timesheet-index'][id$='ts_description]'] {
height: 30px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-
.mob-fontsize-n;
-
}
-
span[id^='timesheet-index'][id$='ts_title]'] {
-
.mob-fontsize-l;
}
div.timesheet3Col {
Site24x7 APM Insight: Get Deep Visibility into Application Performance
APM + Mobile APM + RUM: Monitor 3 App instances at just $35/Month
Monitor end-to-end web transactions and take corrective actions now
Troubleshoot faster and improve end-user experience. Signup Now!
http://pubads.g.doubleclick.net/gampad/clk?id=272487151&iu=/4140
eGroupWare-cvs mailing list
eGroupWare-cvs@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-cvs
