Mobile theme W.I.P.:

- Fix description filed in edit dialogs for infolog and timesheet
- Migrate mobile css classes for timesheet into mobile theme
This commit is contained in:
Hadi Nategh 2016-02-29 11:04:02 +00:00
parent 084dbac53c
commit 1095c6e5b9
6 changed files with 108 additions and 87 deletions

View File

@ -3,7 +3,7 @@
<!-- $Id: edit.xet 54611 2015-12-22 17:01:32Z nathangray $ -->
<overlay>
<template id="infolog.edit.description" template="" lang="" group="0" version="1.6.001">
<textbox multiline="true" id="info_des" no_lang="1" width="99.7%" height="100%" resize_ratio="0"/>
<textbox multiline="true" id="info_des" no_lang="1" width="99.7%" height="250" resize_ratio="0"/>
</template>
<template id="infolog.edit.links" template="" lang="" group="0" version="1.3.001">
<grid width="100%">

View File

@ -0,0 +1,49 @@
/**
*
* TIMESHEET - Mobile
*
* Please do NOT change app.css directly, instead change app.less and compile it!
* Pixleegg Template app.css
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Hadi Nategh <hn@stylite.de>
* @package timesheet
* @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
*/
/* tablets and smartphones */
@media only screen and (max-device-width: 1024px) {
#timesheet-index table.egwGridView_outer tbody label[id^='timesheet-index'][id$='ts_start]'] > time {
font-weight: bold;
float: left;
}
#timesheet-index table.egwGridView_outer tbody ul[id^='timesheet-index'][id$='ts_owner]'] > li {
overflow: hidden;
width: 90px;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 9pt;
}
#timesheet-index table.egwGridView_outer tbody tr.timesheetRow td {
position: relative;
}
#timesheet-index table.egwGridView_outer tbody span[id^='timesheet-index'][id$='cat_id]'] {
position: absolute;
bottom: 5px;
font-size: 9pt;
}
#timesheet-index table.egwGridView_outer tbody span[id^='timesheet-index'][id$='ts_description]'] {
height: 30px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#timesheet-index table.egwGridView_outer tbody div.timesheet3Col {
font-size: 9pt;
}
#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;
}
}

View File

@ -0,0 +1,57 @@
/**
*
* TIMESHEET - Mobile
*
* Please do NOT change app.css directly, instead change app.less and compile it!
* Pixleegg Template app.css
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Hadi Nategh <hn@stylite.de>
* @package timesheet
* @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
*/
@import (reference) "../../../pixelegg/less/definitions.less";
@import (reference) "../../../pixelegg/less/def_mobile.less";
/* tablets and smartphones */
@media only screen and (max-device-width:1024px) {
#timesheet-index {
table.egwGridView_outer tbody {
label[id^='timesheet-index'][id$='ts_start]'] > time{
font-weight: bold;
float: left;
}
ul[id^='timesheet-index'][id$='ts_owner]'] > li {
overflow: hidden;
width: 90px;
white-space: nowrap;
text-overflow: ellipsis;
.mob-fontsize-s;
}
tr.timesheetRow td {
position: relative;
}
span[id^='timesheet-index'][id$='cat_id]'] {
position: absolute;
bottom: 5px;
.mob-fontsize-s;
}
span[id^='timesheet-index'][id$='ts_description]'] {
height: 30px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
div.timesheet3Col {
.mob-fontsize-s;
}
span[id^='timesheet-index'][id$='ts_duration]'] {
font-weight: bold;
}
label[id^='timesheet-index'][id$='ts_link]'] > span.et2_link {
font-weight: normal;
}
}
}
}

View File

@ -43,7 +43,7 @@
</grid>
</template>
<template id="timesheet.edit.notes" template="" lang="" group="0" version="1.5.001">
<textbox multiline="true" id="ts_description" rows="9" cols="70" class="et2_fullWidth" height="100%"/>
<textbox multiline="true" id="ts_description" rows="9" cols="70" class="et2_fullWidth" height="250" resize_ratio="0"/>
</template>
<template id="timesheet.edit.links" template="" lang="" group="0" version="0.1.001">
<grid width="100%">

View File

@ -73,43 +73,3 @@ tr.dialogOperators td,
#timesheet-edit_pm_id input {
width: 99% !important;
}
/* tablets and smartphones */
@media only screen and (max-device-width: 1024px) {
#timesheet-edit_button\[save_new\] {
vertical-align: bottom;
}
#timesheet-index table.egwGridView_outer tbody label[id^='timesheet-index'][id$='ts_start]'] > time {
font-weight: bold;
float: left;
}
#timesheet-index table.egwGridView_outer tbody ul[id^='timesheet-index'][id$='ts_owner]'] > li {
overflow: hidden;
width: 90px;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 9pt;
}
#timesheet-index table.egwGridView_outer tbody tr.timesheetRow td {
position: relative;
}
#timesheet-index table.egwGridView_outer tbody span[id^='timesheet-index'][id$='cat_id]'] {
position: absolute;
bottom: 5px;
font-size: 9pt;
}
#timesheet-index table.egwGridView_outer tbody span[id^='timesheet-index'][id$='ts_description]'] {
height: 30px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#timesheet-index table.egwGridView_outer tbody div.timesheet3Col {
font-size: 9pt;
}
#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;
}
}

View File

@ -54,48 +54,3 @@
{
}
//
/* tablets and smartphones */
@media only screen and (max-device-width:1024px) {
#timesheet-edit_button\[save_new\] {
vertical-align: bottom;
}
#timesheet-index {
table.egwGridView_outer tbody {
label[id^='timesheet-index'][id$='ts_start]'] > time{
font-weight: bold;
float: left;
}
ul[id^='timesheet-index'][id$='ts_owner]'] > li {
overflow: hidden;
width: 90px;
white-space: nowrap;
text-overflow: ellipsis;
.mob-fontsize-s;
}
tr.timesheetRow td {
position: relative;
}
span[id^='timesheet-index'][id$='cat_id]'] {
position: absolute;
bottom: 5px;
.mob-fontsize-s;
}
span[id^='timesheet-index'][id$='ts_description]'] {
height: 30px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
div.timesheet3Col {
.mob-fontsize-s;
}
span[id^='timesheet-index'][id$='ts_duration]'] {
font-weight: bold;
}
label[id^='timesheet-index'][id$='ts_link]'] > span.et2_link {
font-weight: normal;
}
}
}
}