forked from extern/egroupware
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
parent
084dbac53c
commit
1095c6e5b9
@ -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%">
|
||||
|
||||
49
timesheet/templates/mobile/app.css
Normal file
49
timesheet/templates/mobile/app.css
Normal 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;
|
||||
}
|
||||
}
|
||||
57
timesheet/templates/mobile/app.less
Normal file
57
timesheet/templates/mobile/app.less
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -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%">
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user