Mobile theme W.I.P.:

- Implement new category color representative for nm rows

addressbook/templates/mobile/index.xet

@@ -16,6 +16,7 @@
 	<template id="addressbook.index.rows" template="" lang="" group="0" version="1.9.005">
 		<grid width="100%">
 			<columns>
+				<column width="10"/>
 				<column width="60%"/>
 				<column width="39%"/>
 				<column width="58"/>
@@ -23,7 +24,8 @@
 			<rows>
 				<row class="th">
 				</row>
-				<row class="$row_cont[cat_id] $row_cont[class]" valign="top">
+				<row class="$row_cont[class]" valign="top">
+					<description class=" cat_$row_cont[cat_id] mobile_cat_col"/>
 					<vbox class="addressbookCol1">
 						<vbox id="${row}[id]">
 							<description id="${row}[line1]" no_lang="1"/>

infolog/templates/mobile/index.xet

@@ -19,6 +19,7 @@
 	<template id="infolog.index.rows" template="" lang="" group="0" version="1.9.005">
 		<grid width="100%" >
 			<columns>
+				<column width="10"/>
 				<column width="70"/>
 				<column width="95%" />
 			</columns>
@@ -26,7 +27,8 @@
 				<row class="th">
 					
 				</row>
-				<row class="$row_cont[info_cat] $row_cont[class]" valign="top">
+				<row class="$row_cont[class]" valign="top">
+					<description class=" cat_$row_cont[info_cat] mobile_cat_col"/>
 					<vbox align="center"  class="infolog_CompletedClmn">
 						<time_or_date id="${row}[info_startdate]" readonly="true" options=",8" class="infolog_fixedHeight"/>
 						<image label="$row_cont[info_type]" src="${row}[info_type]" default_src="infolog/navbar" class="infoDetails"/>

infolog/templates/pixelegg/app.css

@@ -410,6 +410,9 @@ button#infolog-edit_encrypt {
 }
 /* tablets and smartphones  */
 @media only screen and (max-device-width: 1024px) {
+  #infolog-index_nm .gridCont_0_div_col_0 {
+    min-width: auto;
+  }
   span.infolog_infoId:before {
     content: "#";
   }

infolog/templates/pixelegg/app.less

@@ -402,6 +402,9 @@ button#infolog-edit_encrypt {
 /* tablets and smartphones  */
 @media only screen and (max-device-width:1024px) {
 	
+	#infolog-index_nm .gridCont_0_div_col_0 {
+		min-width: auto;
+	}
 	
 	span.infolog_infoId:before {
 		content:"#";

pixelegg/css/mobile.css

@@ -6700,6 +6700,17 @@ span.egw_tutorial_title {
     float: right;
     font-size: 10px;
   }
+  body table.egwGridView_outer tbody tr td {
+    position: relative;
+  }
+  body table.egwGridView_outer tbody tr td .mobile_cat_col {
+    position: absolute;
+    min-height: 100%;
+    bottom: 0;
+    top: 0;
+    width: 10px;
+    display: block;
+  }
   #egw_fw_basecontainer {
     background: white;
   }

pixelegg/css/mobile.less

@@ -139,6 +139,17 @@
 						float: right;
 						font-size: 10px;
 					}
+					td {
+						position: relative;
+						.mobile_cat_col {
+							position: absolute;
+							min-height: 100%;
+							bottom:0;
+							top:0;
+							width:10px;
+							display: block;
+						}
+					}
 				}
 			}
 		}

timesheet/templates/mobile/index.xet

@@ -16,6 +16,7 @@
 	<template id="timesheet.index.rows" template="" lang="" group="0" version="1.9.001">
 		<grid width="100%">
 			<columns>
+				<column width="10"/>
 				<column width="110"/>
 				<column width="90%" />
 				<column width="60"/>
@@ -24,7 +25,8 @@
 				<row class="th">
 					
 				</row>
-				<row class="$row_cont[cat_id] $row_cont[class] timesheetRow">
+				<row class="$row_cont[class] timesheetRow">
+					<description class=" cat_$row_cont[cat_id] mobile_cat_col"/>
 					<vbox>
 						<date-time id="${row}[ts_start]" readonly="true" options=",8"/>
 						<menulist class="$cont[ownerClass]">