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

pixelegg/mobile/fw_mobile.css

@@ -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;

pixelegg/mobile/fw_mobile.less

@@ -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		#

timesheet/templates/mobile/app.css

@@ -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) {
+@media all {
-  #timesheet-index table.egwGridView_outer tbody label[id^='timesheet-index'][id$='ts_start]'] > time {
-    font-weight: bold;
-  }
   #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;
+  }
 }

timesheet/templates/mobile/app.less

@@ -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;}
 }

timesheet/templates/mobile/edit.xet

@@ -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" >