Mobile theme W.I.P:

- Fix first column size for timesheet view and edit template
- td should not apply et2_fullWidth class because it would screw up fixed width applied to other columns
This commit is contained in:
Hadi Nategh 2016-03-07 09:51:58 +00:00
parent 0ba4283f9f
commit 5ce7394105
5 changed files with 26 additions and 21 deletions

View File

@ -7530,7 +7530,7 @@ span.egw_tutorial_title {
body .et2_nextmatch table.egwGridView_grid tbody tr.selected td:last-child:before {
content: " ";
position: absolute;
background: #ffffff;
background: #696969;
top: 0px;
left: 0px;
bottom: 0px;
@ -7661,12 +7661,14 @@ span.egw_tutorial_title {
}
body #popupMainDiv .et2_details.et2_details_expanded {
background-color: transparent;
height: 100%;
}
body #popupMainDiv .et2_details.et2_details_expanded .et2_details_title {
display: inline-block;
background-color: #F0F0F0;
width: 100%;
padding-top: 6px;
height: 32px;
}
body #popupMainDiv .et2_details {
position: relative;
@ -7697,6 +7699,9 @@ span.egw_tutorial_title {
body .et2_fullWidth input[type="radio"] {
width: auto;
}
body td.et2_fullWidth {
width: auto;
}
body div.et2_toolbar.et2_head_toolbar {
background-color: transparent;
padding: 1px 5px 5px 10px !important;

View File

@ -820,6 +820,7 @@
}
.et2_details.et2_details_expanded {
background-color: transparent;
height:100%;
.et2_details_title {
display: inline-block;
background-color: #F0F0F0;
@ -861,7 +862,7 @@
width: auto;
}
}
td.et2_fullWidth{width:auto;}
//###########################################
//# #
//# et2_toolbar styles used in headbar #

View File

@ -11,10 +11,7 @@
* @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;
}
@media all {
#timesheet-index table.egwGridView_outer tbody ul[id^='timesheet-index'][id$='ts_owner]'] > li {
overflow: hidden;
width: 90px;
@ -37,6 +34,7 @@
overflow: hidden;
text-overflow: ellipsis;
font-size: 10pt;
color: grey;
}
#timesheet-index table.egwGridView_outer tbody span[id^='timesheet-index'][id$='ts_title]'] {
font-size: 12pt;
@ -44,14 +42,17 @@
#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-index table.egwGridView_outer tbody .timesheet_titleDetails {
font-weight: normal;
}
#timesheet-edit_pl_id {
width: 69%;
}
#timesheet-view_ts_description span.et2_textbox_ro {
word-break: break-all;
}
}

View File

@ -15,12 +15,9 @@
@import (reference) "../../../pixelegg/less/def_mobile.less";
/* tablets and smartphones */
@media only screen and (max-device-width:1024px) {
@media all {
#timesheet-index {
table.egwGridView_outer tbody {
label[id^='timesheet-index'][id$='ts_start]'] > time{
font-weight: bold;
}
ul[id^='timesheet-index'][id$='ts_owner]'] > li {
overflow: hidden;
width: 90px;
@ -43,6 +40,7 @@
overflow: hidden;
text-overflow: ellipsis;
.mob-fontsize-n;
color:grey;
}
span[id^='timesheet-index'][id$='ts_title]'] {
.mob-fontsize-l;
@ -50,14 +48,14 @@
div.timesheet3Col {
.mob-fontsize-n;
}
span[id^='timesheet-index'][id$='ts_duration]'] {
font-weight: bold;
}
label[id^='timesheet-index'][id$='ts_link]'] > span.et2_link {
font-weight: normal;
.mob-fontsize-n;
}
.timesheet_titleDetails { font-weight: normal; }
}
}
#timesheet-edit_pl_id{width:69%;}
#timesheet-view_ts_description span.et2_textbox_ro{word-break: break-all;}
}

View File

@ -6,7 +6,7 @@
<grid width="100%">
<columns>
<column width = "120"/>
<column width="600"/>
<column/>
</columns>
<rows>
<row>
@ -48,7 +48,7 @@
<template id="timesheet.edit.links" template="" lang="" group="0" version="0.1.001">
<grid width="100%">
<columns>
<column width="600"/>
<column/>
</columns>
<rows>
<row disabled="@view">
@ -67,7 +67,7 @@
<grid width="100%">
<columns>
<column width = "120"/>
<column width="600"/>
<column/>
</columns>
<rows>
<row>
@ -82,7 +82,7 @@
<grid width="100%">
<columns>
<column width = "120"/>
<column width="600"/>
<column/>
</columns>
<rows>
<row>
@ -108,7 +108,7 @@
<grid border="1" width="100%">
<columns>
<column width = "120"/>
<column width="600"/>
<column/>
</columns>
<rows>
<row disabled="@hidebuttons" class="dialogHeadbar" >