From 1fffd4bc32679deaa0dd848b85c4d3b06872fe16 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hn@stylite.de>
Date: Mon, 7 Mar 2016 10:55:04 +0000
Subject: [PATCH] Mobile theme W.I.P: - Fix first column shrinks when open some
 tabs

---
 addressbook/templates/mobile/edit.xet | 22 ++++++++--------
 addressbook/templates/mobile/view.xet | 16 ++++++------
 admin/templates/mobile/account.xet    |  2 +-
 calendar/templates/mobile/edit.xet    | 36 +++++++++++++--------------
 filemanager/templates/mobile/file.xet | 14 +++++------
 infolog/templates/mobile/edit.xet     | 24 +++++++++---------
 6 files changed, 56 insertions(+), 58 deletions(-)

diff --git a/addressbook/templates/mobile/edit.xet b/addressbook/templates/mobile/edit.xet
index b898fb5abe..e65cf766f0 100644
--- a/addressbook/templates/mobile/edit.xet
+++ b/addressbook/templates/mobile/edit.xet
@@ -58,7 +58,7 @@
 		<grid width="100%">
 			<columns>
 				<column width = "120"/>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row>
@@ -133,7 +133,7 @@
 		<grid width="100%">
 			<columns>
 				<column width = "120"/>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row>
@@ -163,7 +163,7 @@
 		<grid width="100%">
 			<columns>
 				<column width = "120"/>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row>
@@ -205,8 +205,8 @@
 				<row disabled="@addr_format=city_state_postcode">
 					<description for="adr_two_locality" value="city"/>
 					<hbox>
-						<textbox statustext="ZIP Code" id="adr_two_postalcode" width="40" maxlength="64" autocomplete="section-two postal-code" />
-						<textbox statustext="City" id="adr_two_locality" maxlength="64" width="242" autocomplete="section-two address-level2" />
+						<textbox statustext="ZIP Code" id="adr_two_postalcode" width="20%" maxlength="64" autocomplete="section-two postal-code" />
+						<textbox statustext="City" id="adr_two_locality" maxlength="64" width="80%" autocomplete="section-two address-level2" />
 					</hbox>
 				</row>
 				<row disabled="@addr_format=city_state_postcode">
@@ -236,7 +236,7 @@
 	<template id="addressbook.edit.links" template="" lang="" group="0" version="1.9.001">
 		<grid width="100%">
 			<columns>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row disabled="@view">
@@ -255,7 +255,7 @@
 		<grid width="100%">
 			<columns>
 				<column width = "120"/>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row>
@@ -270,7 +270,7 @@
 		<grid width="100%">
 			<columns>
 				<column width = "120"/>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row>
@@ -285,7 +285,7 @@
 		<grid width="100%">
 			<columns>
 				<column width = "120"/>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row>
@@ -300,7 +300,7 @@
 		<grid width="100%">
 			<columns>
 				<column width = "120"/>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row>
@@ -357,7 +357,7 @@
 		<grid border="1" width="100%">
 			<columns>
 				<column width = "120"/>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row disabled="@hidebuttons" class="dialogHeadbar" >
diff --git a/addressbook/templates/mobile/view.xet b/addressbook/templates/mobile/view.xet
index 93667700d4..9e4ebc9727 100644
--- a/addressbook/templates/mobile/view.xet
+++ b/addressbook/templates/mobile/view.xet
@@ -6,7 +6,7 @@
 		<grid class="addressbook_view" border="1" width="100%">
 			<columns>
 				<column width = "120"/>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row class="dialogHeadbar" >
@@ -17,9 +17,7 @@
 					</hbox>
 				</row>
 				<row>
-					<hbox>
-						<textbox id="n_fn" blur="Name" no_lang="1" tabindex="-1" class="cursorHand et2_fullWidth" onclick="jQuery('table.editname').css('display','inline'); var focElem = document.getElementById(form::name('n_prefix')); if (!(typeof(focElem) == 'undefined') &amp;&amp; typeof(focElem.focus)=='function') document.getElementById(form::name('n_prefix')).focus();" autocomplete="name" />
-					</hbox>
+					<textbox id="n_fn" blur="Name" no_lang="1" tabindex="-1" class="cursorHand et2_fullWidth" onclick="jQuery('table.editname').css('display','inline'); var focElem = document.getElementById(form::name('n_prefix')); if (!(typeof(focElem) == 'undefined') &amp;&amp; typeof(focElem.focus)=='function') document.getElementById(form::name('n_prefix')).focus();" autocomplete="name" />
 				</row>
 				<row>
 					<description for="org_name" value="Organisation"/>
@@ -33,7 +31,7 @@
 					<description for="org_unit" value="department"/>
 					<textbox id="org_unit" onchange="app.addressbook.check_value(widget,'$cont[id]');" class="et2_fullWidth" maxlength="64"/>
 				</row>
-				
+
 				<row>
 					<description for="tel_work" value="Business phone"/>
 					<url-phone id="tel_work" class="et2_fullWidth" autocomplete="work tel" />
@@ -55,7 +53,7 @@
 						<grid width="100%">
 							<columns>
 								<column width = "120"/>
-								<column width="600"/>
+								<column/>
 							</columns>
 							<rows>
 								<row disabled="@addr_format=city_state_postcode">
@@ -104,7 +102,7 @@
 						<grid width="100%">
 							<columns>
 								<column width = "120"/>
-								<column width="600"/>
+								<column/>
 							</columns>
 							<rows>
 								<row>
@@ -142,8 +140,8 @@
 								<row disabled="@addr_format=city_state_postcode">
 									<description for="adr_two_locality" value="city"/>
 									<hbox>
-										<textbox statustext="ZIP Code" id="adr_two_postalcode" width="40" maxlength="64" autocomplete="section-two postal-code" />
-										<textbox statustext="City" id="adr_two_locality" maxlength="64" width="242" autocomplete="section-two address-level2" />
+										<textbox statustext="ZIP Code" id="adr_two_postalcode" width="20%" maxlength="64" autocomplete="section-two postal-code" />
+										<textbox statustext="City" id="adr_two_locality" maxlength="64" width="80%" autocomplete="section-two address-level2" />
 									</hbox>
 								</row>
 								<row disabled="@addr_format=city_state_postcode">
diff --git a/admin/templates/mobile/account.xet b/admin/templates/mobile/account.xet
index e3b2f504c7..6c2f19fdd6 100644
--- a/admin/templates/mobile/account.xet
+++ b/admin/templates/mobile/account.xet
@@ -6,7 +6,7 @@
 		<grid width="100%">
 			<columns>
 				<column width = "120"/>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row>
diff --git a/calendar/templates/mobile/edit.xet b/calendar/templates/mobile/edit.xet
index 53c159adb2..299c142ab1 100644
--- a/calendar/templates/mobile/edit.xet
+++ b/calendar/templates/mobile/edit.xet
@@ -6,7 +6,7 @@
 		<grid width="100%">
 			<columns>
 				<column width = "120"/>
-				<column width = "600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row>
@@ -95,7 +95,7 @@
 						</menulist>
 						<textbox type="integer" align="center" id="${row}[quantity]" readonly="true" min="1" size="3"/>
 						<description id="${row}[role_label]"/>
-					</hbox>	
+					</hbox>
 					<button align="center" id="delete[$row_cont[delete_id]]" image="delete"/>
 				</row>
 			</rows>
@@ -108,7 +108,7 @@
 		<grid width="100%">
 			<columns>
 				<column width = "120"/>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row height="12">
@@ -116,14 +116,14 @@
 					<menulist>
 						<menupopup id="recur_type" onchange="app.calendar.check_recur_type" class="et2_fullWidth"/>
 					</menulist>
-				</row>	
-				<row>	
+				</row>
+				<row>
 					<description for="recur_interval" value="Interval"/>
 					<menulist>
 						<menupopup type="select-number" statustext="repeating interval, eg. 2 to repeat every second week" id="recur_interval" options="None,2,31" class="et2_fullWidth"/>
 					</menulist>
 				</row>
-				<row>	
+				<row>
 					<description for="tzid" value="Timezone"/>
 					<menulist>
 						<menupopup type="select-timezone" statustext="Timezone in which recurrences have identical time" id="tzid" class="et2_fullWidth"/>
@@ -132,7 +132,7 @@
 				<row>
 					<description for="recur_enddate" value="End date"/>
 					<date statustext="repeat the event until which date (empty means unlimited)" id="recur_enddate"/>
-				</row>	
+				</row>
 				<row>
 					<description for="recur_data" value="Repeat days"/>
 					<listbox type="select-dow" statustext="Days of the week for a weekly repeated event" id="recur_data" rows="6" options="1"/>
@@ -144,7 +144,7 @@
 					<grid id="recur_exception">
 						<columns>
 							<column width = "120"/>
-							<column width="600"/>
+							<column/>
 						</columns>
 						<rows>
 							<row>
@@ -161,7 +161,7 @@
 		<grid width="100%">
 			<columns>
 				<column width = "120"/>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row>
@@ -175,7 +175,7 @@
 	<template id="calendar.edit.links" template="" lang="" group="0" version="1.0.1.001">
 		<grid width="100%">
 			<columns>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row disabled="@view">
@@ -184,7 +184,7 @@
 				<row class="th">
 					<description value="Existing links"/>
 				</row>
-				<row>        
+				<row>
 					<link-list id="link_to"/>
 				</row>
 			</rows>
@@ -194,7 +194,7 @@
 		<grid width="100%">
 			<columns>
 				<column width = "120"/>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row disabled="!@owner">
@@ -207,8 +207,8 @@
 					<description value="Updated"/>
 					<date-time id="modified" no_lang="1" readonly="true"/>
 				</row>
-				<row disabled="!@modifier">	
-					<description value="by"/>	
+				<row disabled="!@modifier">
+					<description value="by"/>
 					<menulist>
 						<menupopup type="select-account"   class="et2_nowrap" id="modifier" readonly="true"/>
 					</menulist>
@@ -220,7 +220,7 @@
 		<grid border="1" width="100%">
 			<columns>
 				<column width = "120"/>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row disabled="@hidebuttons" class="dialogHeadbar" >
@@ -238,7 +238,7 @@
 						<button label="Search" id="button[search]" image="search" background_image="1"/>
 						<button label="Cancel" id="button[cancelsearch]" image="cancel" background_image="1"/>
 					</hbox>
-				</row>	
+				</row>
 				<row>
 					<description value="Title"/>
 					<textbox id="title" needed="1" maxlength="255" tabindex="1" class="et2_fullWidth"/>
@@ -247,7 +247,7 @@
 					<description for="start" value="Start" width="88"/>
 					<date-time id="start" needed="1" class="required"/>
 				</row>
-				
+
 				<row>
 					<description for="duration" value="Duration" width="0" id="calendar_edit_duration" />
 					<hbox>
@@ -296,7 +296,7 @@
 					</tabbox>
 				</row>
 				<row>
-					
+
 				</row>
 			</rows>
 		</grid>
diff --git a/filemanager/templates/mobile/file.xet b/filemanager/templates/mobile/file.xet
index 53f4eae235..d18732886c 100644
--- a/filemanager/templates/mobile/file.xet
+++ b/filemanager/templates/mobile/file.xet
@@ -6,7 +6,7 @@
 		<grid width="100%">
 			<columns>
 				<column width = "120"/>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row height="60">
@@ -59,7 +59,7 @@
 						<grid>
 							<columns>
 								<column width = "120"/>
-								<column width="600"/>
+								<column/>
 							</columns>
 							<rows>
 								<row>
@@ -98,7 +98,7 @@
 						<grid>
 							<columns>
 								<column width = "120"/>
-								<column width="600"/>
+								<column/>
 							</columns>
 							<rows>
 								<row>
@@ -196,7 +196,7 @@
 		<grid width="100%">
 			<columns>
 				<column width = "120"/>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row>
@@ -211,7 +211,7 @@
 		<grid border="1" width="100%">
 			<columns>
 				<column width = "120"/>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row disabled="@hidebuttons" class="dialogHeadbar" >
@@ -225,7 +225,7 @@
 						<button label="Search" id="button[search]" image="search" background_image="1"/>
 						<button label="Cancel" id="button[cancelsearch]" image="cancel" background_image="1"/>
 					</hbox>
-				</row>	
+				</row>
 				<row class="dialogTabs">
 					<tabbox id="tabs" span="all" width="100%" align_tabs="v">
 						<tabs>
@@ -247,7 +247,7 @@
 			</rows>
 		</grid>
 		<styles>
-			
+
 		</styles>
 	</template>
 </overlay>
diff --git a/infolog/templates/mobile/edit.xet b/infolog/templates/mobile/edit.xet
index 5e34379bf9..6fbfae604b 100644
--- a/infolog/templates/mobile/edit.xet
+++ b/infolog/templates/mobile/edit.xet
@@ -8,7 +8,7 @@
 	<template id="infolog.edit.links" template="" lang="" group="0" version="1.3.001">
 		<grid width="100%">
 			<columns>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row disabled="@view">
@@ -17,7 +17,7 @@
 				<row class="th">
 					<description value="Existing links"/>
 				</row>
-				<row>        
+				<row>
 					<link-list id="link_to"/>
 				</row>
 			</rows>
@@ -27,7 +27,7 @@
 		<grid width="100%">
 			<columns>
 				<column width = "120"/>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row>
@@ -36,14 +36,14 @@
 				</row>
 				<row>
 					<description value="Price"/>
-					<hbox> 
+					<hbox>
 						<textbox type="float" id="info_price" size="10"/>
 						<projectmanager-pricelist id="pl_id" onchange="window.app.infolog.et2.getWidgetById('info_price').set_value(this.options[this.selectedIndex].text.lastIndexOf('(') &lt; 0 ? '' : this.options[this.selectedIndex].text.slice(this.options[this.selectedIndex].text.lastIndexOf('(')+1,-1));" options="None" />
 					</hbox>
 				</row>
 				<row>
 					<description value="planned time" for="info_planned_time"/>
-					<date-duration id="info_planned_time" display_format="$cont[duration_format]"  class="infolog_date_duration" hours_per_day="$cont[hours_per_workday]"/>	
+					<date-duration id="info_planned_time" display_format="$cont[duration_format]"  class="infolog_date_duration" hours_per_day="$cont[hours_per_workday]"/>
 				</row>
 				<row>
 					<description value="Re-planned time" for="info_replanned_time"/>
@@ -60,7 +60,7 @@
 		<grid width="100%">
 			<columns>
 				<column width = "120"/>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row>
@@ -75,7 +75,7 @@
 		<grid width="100%">
 			<columns>
 				<column width = "120"/>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row>
@@ -129,7 +129,7 @@
 		<grid width="100%">
 			<columns>
 				<column width = "120"/>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row disabled="!@info_owner">
@@ -145,7 +145,7 @@
 				<row>
 					<description value="Private" for="info_access"/>
 					<checkbox statustext="should this entry only be visible to you and people you grant privat access via the ACL" id="info_access" options="private,public"/>
-				</row>	
+				</row>
 
 				<row>
 					<description value="Last modified"/>
@@ -164,7 +164,7 @@
 		<grid border="1" width="100%">
 			<columns>
 				<column width = "120"/>
-				<column width="600"/>
+				<column/>
 			</columns>
 			<rows>
 				<row disabled="@hidebuttons" class="dialogHeadbar" >
@@ -181,7 +181,7 @@
 						<button label="Search" id="button[search]" image="search" background_image="1"/>
 						<button label="Cancel" id="button[cancelsearch]" image="cancel" background_image="1"/>
 					</hbox>
-				</row>	
+				</row>
 				<row>
 					<description value="Title" for="info_subject"/>
 					<textbox statustext="a short subject for the entry" id="info_subject" class="et2_fullWidth et2_required" maxlength="255" span="5" tabindex="1"/>
@@ -218,7 +218,7 @@
 					<menulist class="et2_fullWidth" span="4">
 						<menupopup type="select-percent" statustext="Percent completed" id="info_percent" onchange="app.infolog.status_changed(this.id, form::name('info_status'), form::name('info_percent'), form::name('info_datecompleted'))"/>
 					</menulist>
-				</row>                                
+				</row>
 				<row>
 					<tabbox id="tabs" span="all" width="100%" align_tabs="v">
 						<tabs>